@charset "UTF-8";
/*
 1.base [
----------------------------------------------------------- */
body {
	background-color: #333;
	text-decoration: none;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 9px;
	color: #666;
}

a {
	outline: none;
	text-decoration: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}

body * {}
#top_baner {
	background-image: url(../images/top_base.png);
	height: 28px;
	width: 300px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.title  {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	padding-top: 7px;
	padding-left: 10px;
}
.title a  {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
}
#container {
	padding-top: 30px;
	background-color: #333;
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
}

#grid-content {
	overflow: auto;
	width: 100%;
}  
#side_navi {
	width: 202px;
	float: left;
}
#footer {
	font-family: "Humanist 777 Condensed BT", "Futura Condensed BT", Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	margin-left: auto;
	color: #CCC;
	clear: both;
	width: 1010px;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 10px;
}

#footer p .copy{
	font-family: "Humanist 777 Condensed BT", "Futura Condensed BT", Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	margin-top: 80px;
	margin-left: 47px;
	color: #CCC;
	margin-bottom: 50px;
	clear: both;
	display: inline;
}
#footer p {
	display: inline;
}
.f_con a  {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 9px;
	color: #CCC;
	text-decoration: underline;
	margin-right: 5px;
	margin-left: 5px;
	display: inline;
}

/*
 1.navi [
----------------------------------------------------------- */
.box_logo {
	width: 170px;
	margin: 6px;
	float: left;
	color: #FFF;
	display: inline;
	font-family: "Humanist 777 Condensed BT", "Futura Condensed BT", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding: 10px;
	height: 35px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	font-weight: bold;
	background-image: url(../images/top_base.png);
}  
.top_logo  {
	margin-top: 11px;
	margin-left: 10px;
	font-family: "Humanist 777 Condensed BT", "Futura Condensed BT", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.top_logo a  {
	font-family: "Humanist 777 Condensed BT", "Futura Condensed BT", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.box_n_line {
	height: 20px;
	display: block;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 155px;
}
.box_navi {
	width: 170px;
	float: left;
	color: #666;
	display: inline;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 6px;
	background-image: url(../images/back.png);
}    
.box_navi_c1 {
	width: 170px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/back.png);
}  
.box_navi_c2 {
	width: 170px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 6px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/back.png);
}  
.box_navi_c3 {
	width: 170px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 6px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/back.png);
}  
.box_navi_nik {
	width: 170px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 6px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/back.png);
}  
.box_navi_yaku {
	width: 170px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 6px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/back.png);
}  
.box_navi_c4 {
	width: 170px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 6px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../images/back.png);
}  
.box_navi_c5 {
	width: 170px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 6px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/back.png);
}  
.box_navi_c6 {
	width: 170px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 6px;
	background-image: url(../images/back.png);
}  
.box_navi_c7 {
	width: 170px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	background-image: url(../images/back.png);
}  
.box_navi_ad01 {
	width: 170px;
	height: 90px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	background-image: url(../images/back.png);	
}    
.box_navi_ad01 .ad_m {
	padding-left: 5px;
	margin-bottom: 20px;
}
/*
 3.main menu [
----------------------------------------------------------- */
.box_s {
	width: 170px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
}  
.box_l {
	width: 372px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
}  
.box_con_t {
	width: 776px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	height: 92px;
	position: relative;
}  
.box_con_b {
	width: 574px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	position: relative;
}  

.box_s_shooting {
	width: 170px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
}  

.box_l_shooting {
	width: 372px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
}  

.box_s_shooting:hover,.box_l_shooting:hover {
	display: inline;  /* IE6 fix */
	background-color: #fffafd;
}  

.box_s_ps {
	width: 170px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
}  
.box_l_ps {
	width: 372px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
}  

.box_s_ps:hover,.box_l_ps:hover {
	display: inline;  /* IE6 fix */
	background-color: #f5f9ff;
}  
.box_s_ad01 {
	width: 170px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	height: 240px;
	position: relative;
}  
.box_l_ad01 {
	width: 372px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	height: 290px;
	position: relative;
} 
.box_l_ad02 {
	width: 372px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
} 
.newtype01 {
	position: absolute;
	left: 350px;
	top: -5px;
}
.newtype02 {
	position: absolute;
	left: 145px;
	top: -5px;
}
.box_kiso_n {
	width: 170px;
	margin: 6px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	height: 25px;
}  
.box_l_wide {
	width: 776px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	margin-top: 15px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	position: relative;
}  
.box_l_wide_ad {
	width: 776px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	position: relative;
}  
.box_l2_wide_ad {
	width: 170px;
	float: left;
	color: #666;
	display: inline;  /* IE6 fix */
	background-color: #FFF;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 10px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	position: relative;
	margin-right: 6px;
}  
