@charset "utf-8";

/*-----------------------------------------------------
html
-------------------------------------------------------*/
html{
	overflow-y:scroll;
}

/*-----------------------------------------------------
body
-------------------------------------------------------*/
body{
	font-size:14px;
	font-size:85%\9;
	color:#333;
	line-height:1.8;
	letter-spacing:0.1em;
	font-family:"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Osaka,Sans-Serif;
}

/* for IE9 */
body:not(:target){
	font-size:85%\9;
}


/*-----------------------------------------------------
nonvisual-menu
-------------------------------------------------------*/
div.nonvisual-menu{
	width:0;
	height:0;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	/* except MacIE \*/position: absolute;/* end */
	left:0;
	top:0;
	color:#fff;
}

div.nonvisual-menu a{
	text-decoration:none;
	font-size:1px;
	line-height:1px;
	color:#fff;
}
#main-Contents img{
	position:absolute;
	border:none!important;
	height:1px;
	top:0px;
	left:0px;
}


/*-----------------------------------------------------
Container
-------------------------------------------------------*/
#Container{
	
}
#Container.FontM{font-size:100%;}
#Container.FontL{font-size:115%;}


/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#Header{
	width:960px;
	overflow:hidden;
	margin:0 auto;	
}
#Header h1,
#Header p.logo{
	float:left;
	display:inline;
	padding:20px 0 0;
}

/* header-menu
---------------------*/
#Header div.header-menu{
	width:576px;
	float:right;
	display:inline;
	padding:30px 0 0;
}
#Header div.header-menu p{
	float:left;
	display:inline;
}
#Header div.header-menu p.sitemap{
	width:78px;
	margin:0 14px 0 0;
	padding:6px 0 0;
}

#Header div.header-menu dl.font-change{
	width:130px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 10px 0 0;
}
#Header div.header-menu dl.font-change dt,
#Header div.header-menu dl.font-change dd{
	float:left;
	display:inline;
}

#Header div.header-menu div.search{
	width:222px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 10px 0 0;
}
#Header div.header-menu div.search input{
	float:left;
	display:inline;
}
#Header div.header-menu div.search input.text{
	width:157px;
	height:28px;
	border:0;
	padding:3px 0 0;
	background:url(/common/images/header_search_bg.gif) no-repeat 0 0;
}
#Header div.header-menu div.search input.input-focus{
	border:0;
	background:url(/common/images/header_search_bg.gif) no-repeat 0 0;
}

/* GlobalNavi
---------------------*/
#GlobalNavi{
	width:960px;
	margin:0 auto;
	padding:17px 0 15px;
	clear:both;
}
#GlobalNavi ul{
	width:960px;
	overflow:hidden;
	margin:0 auto;
}
#GlobalNavi li{
	float:left;
	display:inline;	
}


/*-----------------------------------------------------
FlashArea
-------------------------------------------------------*/
FlashArea{
	
}


/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
	width:960px;
	overflow:hidden;
	margin:0 auto;
}

/* pankuzu
---------------------*/
#Content dl.pankuzu{
	
}
#Content dl.pankuzu dt{
	font-size:1px;
	line-height:1px;
	display:none;
	overflow:hidden;
}
#Content dl.pankuzu dd{

}
#Content dl.pankuzu ul{

}
#Content dl.pankuzu ul li{
	
}
#Content dl.pankuzu ul li a {
	
}


/*-------------------------------------
Main
---------------------------------------*/
#Main{
	width:700px;
	float:right;
	display:inline;		
}

/* ttl
---------------------*/
/* mainttl */
#Main .mainttl{
	margin:-7px 0 25px;		
}

/* ttlbarl */
#Main .ttlbarl{
	margin:0 0 20px;
	padding:15px;
	font-size:115%;
	font-weight:bold;
	border:solid #2092D0;
	border-width:2px 1px 1px 1px;
	background:url(/common/images/content_ttlbar_bg_l.gif) repeat-x 0 0 #DBF1FB;	
}

/* ttlbarm */
#Main .ttlbarm{
	width:100%;
	margin:0 0 20px;
	background:url(/common/images/content_ttlbar_bg_m_top.jpg) no-repeat 0 0;	
}
#Main .ttlbarm h2,
#Main .ttlbarm h3,
#Main .ttlbarm h4,
#Main .ttlbarm h5{
	padding:10px 15px;
	font-weight:bold;
	background:url(/common/images/content_ttlbar_bg_m_btm.gif) no-repeat 0 100%;
}

/* ttlbars */
#Main .ttlbars{
	margin:0 0 20px;
	padding:0 0 8px 5px;
	font-weight:bold;
	background:url(/common/images/content_ttlbar_bg_s.gif) no-repeat 0 100%;
}

/* pagetop
---------------------*/
#Main .pagetop{
	clear:both;
	padding:10px 0 0;
	text-align:right;
}

/* pdf
---------------------*/
#Main a.pdf{
	padding:0 15px 0 0;
	background:url(/common/images/content_ico_pdf.gif) no-repeat 100% 0;
}
#Main a.blank{
	padding:0 15px 0 0;
	background:url(/common/images/content_ico_blank.gif) no-repeat 100% 0.4ex;
}

/* reader
---------------------*/
#Main div.reader{
	width:660px;
	overflow:hidden;
	padding:19px;
	border:1px solid #DBE4EA;
	background:#F5F8FA;
}
#Main div.reader p.txt{
	width:540px;
	float:left;
	display:inline;
}
#Main div.reader p.bnr{
	width:120px;
	float:right;
	display:inline;
}

/* lead
---------------------*/
#Main p.lead{
	margin:0 0 30px;		
}

/* anchornav
---------------------*/
#Main ul.anchornav{
	width:698px;
	overflow:hidden;
	margin:0 0 25px;
	border:1px dotted #B4D2E5;	
	background:#F5F8FA;
}
#Main ul.anchornav li{
	float:left;
	display:inline;
	padding:10px 0 10px 20px;
}
#Main ul.anchornav li a{
	display:block;
	padding:0 0 0 15px;
	background:url(/common/images/content_ico_arw_anchor.gif) no-repeat 0 50%;
}

/* .section
---------------------------------------*/
#Main div.section{
	width:700px;
	margin:0 0 40px;
}
#Main div.section-inside{
	width:700px;
	margin:0 0 40px;
}

/* photo
---------------------*/
#Main div.section .photo img{
	margin:0 0 10px;
	padding:5px;
	border:1px solid #E4EDF1;
}
#Main div.section .photo span{
	display:block;
	padding:0 0 0 10px;
	font-size:86%;
	background:url(/common/images/content_ico_circle_blue.gif) no-repeat 0 1.2ex;
}

/* box-wrap
---------------------*/
#Main div.section div.box-wrap{
	width:730px;
	overflow:hidden;
}
#Main div.section div.box{
	width:335px;
	float:left;
	display:inline;
	margin:0 30px 20px 0;
}

/* linkbox
---------------------*/
/* div */
#Main div.section div.linkbox-wrap{
	width:730px;
	overflow:hidden;
}
#Main div.section div.linkbox-wrap div.box{
	width:335px;
	float:left;
	display:inline;
	margin:0 30px 20px 0;
}
#Main div.section div.linkbox-wrap div.box ul{
	padding:15px;
	border:5px solid #DBE4EA;
	background:#FAFBFC;
}
#Main div.section div.linkbox-wrap div.box ul li{
	padding:0 0 0 15px;
	background:url(/common/images/content_ico_circle_gray.gif) no-repeat 0 1.2ex;
}

/* ul */
#Main div.section ul.linkbox{
	padding:15px;
	border:5px solid #D5DFE6;
	background:#FAFBFC;
}
#Main div.section ul.linkbox li{
	padding:0 0 0 15px;
	font-size:93%;
	background:url(/common/images/content_ico_circle_gray.gif) no-repeat 0 1ex;
}

/* contactbox
---------------------*/
#Main dl.contactbox{
	width:698px;
	overflow:hidden;
	padding:0 0 15px;
	border:solid #005E98;
	border-width:0 1px 1px 1px;
}
#Main dl.contactbox dt{
	margin:0 0 15px;
}
#Main dl.contactbox dd{
	width:344px;
	float:left;
	display:inline;
	text-align:right;
	padding:0 5px 0 0p;
}

/*-------------------------------------
Side
---------------------------------------*/
#Side{
	width:230px;
	float:left;
	display:inline;	
}

/* .sidenav
---------------------*/
#Side dl.sidenav{
	margin:0 0 20px;
}
#Side dl.sidenav dd{
	border:solid #D1E0E7;
	border-width:0 1px 1px 1px;
	background:url(/common/images/side_nav_bg.gif) repeat-x 0 0 #EBF8FB;
}
#Side dl.sidenav dd.active,
#Side dl.sidenav dd:hover{
	background:#5BC4F0;
}
#Side dl.sidenav dd a{
	display:block;
	padding:15px 10px 15px 30px;
	color:#333;
	text-decoration:none;
	background:url(/common/images/content_ico_arw_l.gif) no-repeat 15px 50%;
}
#Side dl.sidenav dd.active a,
#Side dl.sidenav dd a:hover{
	color:#fff;
	background:url(/common/images/content_ico_arw_l_on.gif) no-repeat 15px 50%;
}

/* .bnr-list
---------------------*/
#Side ul.bnr-list li{
	margin:0 0 10px;
}
#Side ul.bnr-list li img{
	border:2px solid #A8D0EE;
}

/* .btn-list
---------------------*/
#Side ul.btn-list li{
	margin:0 0 10px;
}

/* .reader
---------------------*/
#Side p.reader{
	padding:10px;
	font-size:86%;
	letter-spacing:0;
	border:1px solid #E4EDF1;
}
#Side p.reader img{
	margin:0 3px 0 0;
	vertical-align:middle;
}

/*-------------------------------------
Common
---------------------------------------*
/* pagetop
---------------------*/
p#Pagetop{
	clear:both;
	padding:50px 0 0;
	text-align:right;
}

/* form
---------------------*/
input.input-usually,
textarea.input-usually{
	font-size:100%;
	padding:2px;
	border:1px solid #809DB9;
	background:#FFFFFF;
}
input.input-focus,
textarea.input-focus{
	border:1px solid #EF7A00;
	background:#FFFBD7;
}


/*-----------------------------------------------------
Footer
-------------------------------------------------------*/
#Footer{
	width:100%;
	background:url(/common/images/footer_bg.gif) repeat-x 0 0 #F2F2F3;	
}
#Footer div.footer-inline{
	width:960px;
	overflow:hidden;
	margin:0 auto;
	padding:25px 0;
}

/* ul
---------------------*/
#Footer div.footer-inline ul{
	width:670px;
	overflow:hidden;
	float:left;
	display:inline;
}
#Footer div.footer-inline ul li{
	float:left;
	display:inline;
}
#Footer div.footer-inline ul li strong{
	display:block;
}

/* logo
---------------------*/
#Footer div.footer-inline ul li.logo{
	width:262px;
	font-size:72%;
}
#Footer div.footer-inline ul li.logo strong{
	padding:0 0 13px;
}

/* tel
---------------------*/
#Footer div.footer-inline ul li.tel,
#Footer div.footer-inline ul li.mail{
	width:184px;
	margin:0 15px 0 0;
}
#Footer div.footer-inline ul li.tel strong,
#Footer div.footer-inline ul li.mail strong{
	padding:0 0 9px;
}

#Footer address{
	width:278px;
	float:right;
	display:inline;
	padding:25px 0 0;
}