@charset "utf-8";

div#wrapper{
width:950px;
margin:0 auto;
background:#fff url(../img/wrapper_background.gif) no-repeat 50% 0;
color:#333;
font-size:84%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Lucida Sans Unicode','Lucida Grande','Verdana','ＭＳ Ｐゴシック',sans-serif;
text-align:center;
}
div#header,
div#body,
div#footer{
text-align:left;
}
div#header{
position:relative;
height:230px !important;
background:url(../img/header_background.jpg) no-repeat 0 0;
padding:0;
}
div#body{
position:relative;
/*background:url(../img/body_background.gif) repeat-y 160px 0;*/
background:url(../img/contents_navigation_background.jpg) repeat-x 0 0;
}
div#contents{
float:right;
width:760px;
padding:0;
background:#fff;
}
div#navigation{
/*float:left;*/
width:170px;
}
div#contents_navigation{
float:left;
width:190px;
padding:0 0 0 0;
}
div#footer{
position: relative;
height:1%;
clear:both;
margin:2em 8px 0 10px;
padding:0 5px;
background:url(../img/footer_background_short.png) no-repeat 0 0;
}




/*
--------------------------------------------------------
header
--------------------------------------------------------
*/
div#header ul,
div#header dl,
div#header div{
font-size:13px;
}
div#header h1.title,
div#header p.title{
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
}
div#header h1{
position:absolute;
top:100px;
left:0;
padding:0;
margin:0;
}


/* skip */
p.skip{
visibility:hidden;
height:0;
}
div#header ul{
list-style:none;
margin:0;
padding:0;
z-index:3;
}
div#header ul li{
margin:0;
padding:0;
background:none;
}

/* subnavi */
div#header ul.subnavi{
position:absolute;
top:20px;
right:0;
}
div#header ul.subnavi li{
float:left;
padding:0;
}

/* fontsize */
div#header dl.fontsize{
position:absolute;
top:30px;
right:10px;
z-index:3;
}
div#header dl.fontsize *{
display:inline;
}
div#header ul.fontsize li{
}

/* navi */
div#header ul.navigation{
position:absolute;
top:60px;
z-index:4;
width:950px;
}
div#header ul.navigation li{
float:left;
}


/* search */
div#header div.search{
position:absolute;
top:25px;
right:185px;
z-index:3;
}
div#header div.search input#q{
width:100px;
position:absolute;
top:3px;
right:50px;
}


/*
--------------------------------------------------------
contents
--------------------------------------------------------
*/
div#contents div.section{
margin:0 20px;
}
/* topic path */
ul.topic_path{
position:relative;
font-size:85%;
text-align:left;
margin:1em 0 0.5em 0;
}
ul.topic_path li{
float:left;
display:inline;
padding:0 12px 0 5px;
background:url(../img/topicpath_arrow.gif) no-repeat 100% 50%;
}
ul.topic_path li.selected{
background:none;
}

/* contents */
div#contents{
clear:right;
}

/* section */
div.section{
padding:0 10px;
line-height:1.7;
}
div.section div.section{
padding:0;
}

div.section p.pagetop{
text-align:right;
}



/*
--------------------------------------------------------
navigation
--------------------------------------------------------
*/
div#navigation div.section{
margin:0;
padding:0 15px;
}
div#navigation div.section ul{
width:135px;
}
div#navigation div.section ul li{
padding:0 0 15px 0;
}
div#navigation div.section a,
div#navigation div.section a:link,
div#navigation div.section a:visited{color:#333333;text-decoration:none;}
div#navigation div.section a:hover  {color:#CC0000;text-decoration:underline;}
div#navigation div.section a:active {color:#FF0000;text-decoration:underline;}

div#navigation div.section dl{
margin:0 -10px;
padding:0 10px;
}
div#navigation div.section dl dt{
float:none;
width:auto;
margin:0 0 0 -10px;
}
div#navigation div.section dl dd{
padding:0;
font-size:84%;
}
div#navigation div.section ul li{background:url(../img/listicon2.gif) no-repeat 0 50%;}

/* search */
div#navigation div.search h2{
clear:none;
height:26px;
margin:0 -10px;
padding:5px 3px;
background:#E35A5A url(../img/h2_search_background.gif) no-repeat 100% 100%;
line-height:26px;
font-size:15px;
color:#fff;
}
div#navigation div.search h2 img{
vertical-align:top;
}
div#navigation div.search dl{
border-right:1px solid #E35A5A;
}
div#navigation div.search dl dt{
border-bottom:3px solid #E35A5A;
}
div#navigation div.search dl dd{
padding:3px 0 5px 0;
}
div#navigation div.search dl dd ul li{
margin:0;
padding:0;
background:none;
}
div#navigation div.search dl dd input.text{
width:110px;
vertical-align:text-bottom;
}
div#navigation div.search dl dd input#search{
width:160px;
}
div#navigation div.search dl dd img{
vertical-align:middle;
}
div#navigation div.search p.submit{
margin:0 -10px;
padding:0.5em 0 10px 0;
background:url(../img/search_submit_background.gif) no-repeat 100% 100%;
}

/* navigation */
div#navigation div.navigation dl dt{
margin:1em -10px 2px;
}
div#navigation div.navigation dl dt img{
position:relative;
margin:0 -16px 0 0;
}
div#navigation div.navigation p.button{
margin:0 -10px 1em;
text-align:left;
}


/*
--------------------------------------------------------
contents_navigation
--------------------------------------------------------
*/
div#contents_navigation *{
}

div#contents_navigation ul{
border-top:1px solid #ccc;
border-right:1px solid #ccc;
margin:0;
padding:0;
}
div#contents_navigation ul li{
list-style:none;
/*background:#fff url(../img/listicon.gif) no-repeat 10px 12px;*/
background:#fff url(../img/li_background.gif) no-repeat 0 0;
overflow:hidden;
margin:0;
padding:0 0 0 15px;
line-height:35px;
border-bottom:1px solid #ccc;
}
div#contents_navigation ul li a {
display:block;
line-height:35px;
color:#333;
text-decoration:none;
}
div#contents_navigation ul li a:hover {
margin:0 0 0 -15px;
padding:0 0 0 15px;
background:#0082D6 url(../img/li_background_hover.gif) no-repeat 0 0;
color:#fff;
}


div#contents_navigation div.section dl{
margin:0 -10px;
padding:0 10px;
border-right:1px solid #E35A5A;
}
div#contents_navigation div.section dl dt{
float:none;
width:auto;
margin:0 -5px 4px -10px;
border-bottom:3px solid #E35A5A;
}
div#contents_navigation div.section dl dd{
padding:0;
}
div#contents_navigation div.section dl dd ul{
margin:0 -10px;
padding:0 8px 0 4px;
}
div#contents_navigation div.section dl dd ul li{
padding:1px 0 1px 24px;
background:url(../img/listicon2.gif) no-repeat 12px 0.6em;
border-bottom:1px solid #cccccc;
}
div#contents_navigation div.section dl dd ul li ul{
border-right:0;
}
div#contents_navigation div.section ul li.opened{
background:url(../img/listicon_opened.gif) no-repeat 10px 0.6em;
}
div#contents_navigation div.section ul li.closed{
background:url(../img/listicon_closed.gif) no-repeat 10px 0.6em;
}
div#contents_navigation div.section dl dd ul li ul li{
padding:1px 0 1px 10px;
border-bottom:0;
background:url(../img/listicon2.gif) no-repeat 2px 0.6em;
}


/*
--------------------------------------------------------
footer
--------------------------------------------------------
*/
div#footer address{
float:left;
margin:2em 0;
padding:0;
}
div#footer ul{
clear:both;
list-style:none;
position:relative;
margin:0 0 0 -5px;
padding:0;
text-align:left;
font-size:90%;
}
div#footer ul li{
display:inline;
padding:0 8px 0 5px;
margin:0;
border-right:1px solid #666;
}
div#footer ul li.last{
display:inline;
padding:0 0 0 5px;
margin:0;
border:none;
}
div#footer ul.link{
clear:both;
list-style:none;
margin:0 0 1.5em -5px;
padding:0;
text-align:left;
}
div#footer ul.link li{
margin:0;
padding:0 9px 0 10px;
float:left;
border:none;
}
div#footer ul.link li a{
padding:3px;
display:block;
background:#CCE6F7;
}
div#footer ul.link li a:hover{
background:#D9FAA3;
}
div#footer .facebook_wrapper{
	position: absolute;
	top: 0px;
	right: 0;
	background: url("../img/footer_facebook.png");
	width: 402px;
	height: 113px;
}
div#footer .facebook_wrapper .facebook_btns{
	position: absolute;
	top: 51px;
	left: 149px;
}
div#footer .facebook_wrapper .facebook_btns iframe{
	margin: 0;
}
/*
--------------------------------------------------------
clearfix
--------------------------------------------------------
*/
div#header:after,
div#body:after,
div#footer:after,
div.section:after,
ul:after,
div.section dl:after,
div#sub_contents dl dd:after,
div#sub_navigation dl dd:after{
content:" ";
display:block;
clear:both;
height:1px;
visibility:hidden;
}
div#header,
div#body,
div#footer,
div.section,
ul,
div.section dl,
div#sub_contents dl dd,
div#sub_navigation dl dd{
min-height:1px;
display:inline-table;
}
/* Mac IE \*/
* html div#header,
* html div#body,
* html div#footer,
* html div.section,
* html ul,
* html div.section dl,
* html div#sub_contents dl dd,
* html div#sub_navigation dl dd{
height:1px;
}
div#header,
div#body,
div#footer,
div.section,
ul,
div.section dl,
div#sub_contents dl dd,
div#sub_navigation dl dd{
display:block;
}
/* Mac IE */


/* no clearfix */
div#navigation div.section:after,
div#navigation ul:after,
div#navigation div.section dl:after{
display:none;
clear:none;
}
div#contents_navigation div.section:after,
div#contents_navigation ul:after,
div#contents_navigation div.section dl:after{
display:none;
clear:none;
}