@charset "utf-8";


body {
	font-size: 14px;
	color: #333;
	margin: 0px auto;
	text-align:center;
	padding: 0;
	line-height:130%;
	}
img {border:none;}
ul, ol, li{
	margin:0px;
	padding:0px;
	list-style:none;
	}
h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}
.clear{
	clear:both;
}	
a, a:visited{
	color:#336699;
	text-decoration:none;
	outline:none;
	}

a:hover{
	text-decoration:underline;
	}
#wrapper{
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	width:920px;
	_width:922px;
	margin: 0px auto;
}
/*breadcrumb*/
#breadcrumb{
text-align:left;
padding:5px 10px;
font-size:12px;
margin:0px;
clear:both;
}
/*header*/

#header{
	text-align:left;
	border-top:5px solid #3F668D;
}
#header img {
vertical-align:bottom;
}
#header h1{
	background:url(../images/h1_bg.gif) no-repeat left bottom;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	width:50%;
	float:left;
	padding:0px 0px 3px 10px;
	color:#FFF;
}
#header h1 a{
	font-size:12px;
	font-weight:normal;
	color:#FFF;
}
#header .search{
	float:right;
	width:300px;
	margin-right:1px;
}
input.serch_txt{
	width:160px;
}
#header ul.head_navi li{
	background:url(../images/li_bg.gif) no-repeat left;
	float:left;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 15px;
}
#header .logo{
	clear:both;
	margin:10px 0px 0px 20px;
	float:left;
}
#globalNavi {
	margin:0px;
	display:inline-block;
	position: relative;
	height:44px;
	clear:both;
	width:919px;
	background:url(../images/menu_bg.gif) repeat-x ;
}

#globalNavi:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#globalNavi ul{
float:right;
}
#globalNavi ul li {
	float: left;
	position: relative;
}

#globalNavi li ul.drop {
	width:153px;
	position:absolute;
	display:none;
	float:none;
	z-index:100;
	left:0;
	top:40px;
	
	/* 透け透けにしたいとき */
	opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=90); /* IE lt 8 */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	-khtml-opacity: .90; /* Safari 1.x */
	-moz-opacity: .90; /* FF lt 1.5, Netscape */
}

#globalNavi li ul.drop li {
	float:none;
	position:static;
}

#globalNavi li ul.drop li a {
	display:block;
	background:#333;
	border-bottom:solid 1px #000;
	color:#FFF;
	padding:10px;
	_zoom:1; /* IE 6 */
}

#globalNavi li ul.drop ul a {
	padding:10px 10px 10px 20px
}
/*container*/
#container {
padding:10px;
}
#main{
width:615px;
float:left;
text-align:left;
}
h3.search{
background:#EBEBEB;
font-size:12px;
font-weight:normal;
padding:2px 0px 2px 40px;
margin:0px auto 15px;
}
#main .area_serch{
border:1px solid #CCC;
padding:1px;
margin:15px auto;
}
#main .area_serch h3{
background:#3F668D;
color:#FFF;
padding:3px 10px;
font-size:14px;
}
#main .area_serch p{
margin:10px;
}
#main .news{
border:1px solid #CCC;
padding:1px;
background:url(../images/news_bg.gif) repeat-x top;
}
#main .news h3{
margin:5px 15px;
width:300px;
float:left;
}
#main .news_all{
font-size:12px;
float:right;
margin:6px 15px;
}
#main .story p{
margin:0px;
}
#main .story h4{
margin:0px;
}
#main .story p.date{
font-size:12px;
font-weight:bold;
color:#999;
}
#main .story{
margin:15px 15px 0px;
padding-bottom:15px;
border-bottom:1px dotted #CCC;
}
#main .pickup{
background:url(../images/pickup_bg.gif) no-repeat top;
margin:15px 0px;
}
#main .pickup h3{
padding:8px 0px 2px 60px;
}
#main .pickup_txt01{
font-size:12px;
margin:2px 0px 2px 63px;
}
#main .pickup_contents{
border-bottom:1px dotted #CCC;
padding:10px;
height:100%;
}
#main .pickup_photo{
float:left;
}
#main .pickup_txt{
float:right;
width:450px;
}
#main .pickup_txt p{
margin:5px 0px 0px;
}
#main .pickup_txt p.right{
text-align:right;
}
#main .guide{
float:left;
padding:1px;
border:1px solid #CCC;
height:160px;
margin:25px 0px;
}

#main .faq{
float:right;
padding:1px;
border:1px solid #CCC;
height:160px;
margin:25px 0px;
}
#main .guide ul li,#side .about ul li{
background:url(../images/guide_li.gif) no-repeat center left;
padding-left:10px;
}
#main .faq ul li{
background:url(../images/faq_li.gif) no-repeat center left;
padding-left:18px;
}
#side .shop ul li{
background:url(../images/shop_li.gif) no-repeat center left;
padding-left:10px;
}
#side .contents ul li{
background:url(../images/con_li.gif) no-repeat center left;
padding-left:10px;
}
#main .faq ul,#main .guide ul,#side .about ul,#side .shop ul,#side .ranking ul,#side .contents ul {
margin:5px 0px 5px 8px;
}
#main .faq ul li,#main .guide ul li,#side .about ul li,#side .shop ul li,#side .ranking ul li,#side .contents ul li{
margin-bottom:7px;
}
#container p,#container ul,#container h3,#container h4,#container h2{
text-align:left;
}
#container .index_img{
margin:10px auto;
}

/*#main h2.subpage{
background:url(../images/subpage_title_bg.gif) no-repeat;
padding:5px 0px 5px 35px;
color:#FFF;
font-size:16px;
}*/
#main h2.subpage{
background:url(../images/subpage_title_bg.gif) no-repeat;
padding:10px 0px 8px 35px;
color:#3F668D;
font-size:16px;
}

/*sidebar*/
#side{
float:right;
width:250px;
font-size:12px;
}
#side .update{
background:url(../images/update_bg.gif) no-repeat;
padding:10px;
text-align:left;
font-size:14px;
}
#side .update img{
vertical-align:middle;
margin:0px 5px 5px;
}
#side .banner{
margin:10px 0px 0px;
}
#side .banner img{
margin-bottom:10px;
}
#side .about{
padding:1px;
border:1px solid #CCC;
margin-bottom:10px;
}
#side .shop{
padding:1px;
border:1px solid #CCC;
margin-bottom:10px;
}
#side .ranking,#side .contents{
border:1px solid #CCC;
margin-bottom:10px;
}
#side .ranking h3,#side .contents h3{
background:url(../images/side_con_title_bg.gif) repeat-x top;
padding:7px 0px 7px 15px;
}
#side .ranking img{
margin-right:5px;
vertical-align:middle;
}
#side .ranking ul li{
border-bottom:1px dotted #CCC;
padding-bottom:3px;
}
/*footer*/
#footer{
background:#E8E8E8;
text-align:center;
font-size:12px;
padding:10px 0px 0px ;
margin:20px 0px 0px;
line-height:120%;
}

#footer p.copyright{
margin:10px 0px 0px;
text-align:center;
color:#FFF;
background:#3F668D;
padding:8px 0px 15px;
}