@charset "UTF-8";
/* CSS Document */


/*	guide
----------------------------------*/

#wrapper-index{
	width:920px;
	height:auto;
	margin-left:6px;
	background-color:#3883CD;
	font-size:80%;
	line-height:1.45em;
	border-left:1px solid #336799;
	border-right:1px solid #336799;
	}

#wrapper{
	width:760px;
	height:auto;
	margin-left:6px;
	background-color:#3883CD;
	font-size:80%;
	line-height:1.45em;
	border-left:1px solid #336799;
	border-right:1px solid #336799;
	}

#page{
	float:left;
	width:760px;
	height:auto;
	background-color:#3883CD;

	}

#header{
	width:760px;
	height:115px;
	background-image:url(../image/inc/header.gif);
	background-repeat:no-repeat;
	background-color:white;
	}

#sidenav{
	float:left;
	width:160px;
	height:auto;
	background-color:#3883CD;
	}
	
#content{
	display:inline;
	float:right;
	width:582px;
	overflow:hidden;
	background-color:white;
	border:4px solid #d7e6f5;
	padding:5px;
	}

#content-wide{
	display:inline;
	float:right;
	width:760px;
	overflow:hidden;
	background-color:white;
	margin-left:0px;
	}
	
#bannernav{
	float:right;
	width:160px;
	background-color:#3883CD;
	}

#footer{
	clear:both;
	width:100%;
	height:145px;
	background-color:white;
	border-bottom:1px solid #336799;
	}	

#footer p{
	clear:both;
	height:48px;
	text-align:center;
	background-image:url(../image/inc/footerlogo.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	padding-top:35px;
	line-height:1.2em;
	}

	

/*	Hxタグ
----------------------------------*/

h1{
	width:760px;
	height:38px;
	}

h2{
	float:left;
	width:360px;
	height:44px;
	}

h2 a{
	display:block;
	width:360px;
	height:44px;
	}

h3{
	clear:both;
	color:#000000;
	font-size:180%;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif;
	border-left:2px solid #336699;
	padding:10px 9px;
	line-height:1.1em;
	}

h3 span{
	display:block;
	font-size:50%;
	font-family:"Times New Roman", Times, serif;
	margin-top:3px;
	line-height:1.2em;
	}

h3.nostyle{
	border-style:none;
	margin:0;
	padding:0;
	}

h5{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif;
	font-size:130%;
	margin:5px 3px;
	background-color:#F5F3F8;
	padding:5px;
	border-left:2px solid black;
	}


/*	Pタグ
----------------------------------*/

p{
	letter-spacing:0.04em;
	padding-bottom:	10px;
	}

/*	pan
----------------------------------*/
ul.pan{
	margin:0!important;
	padding:0!important;
	}
	
ul.pan li{
	float:left;
	font-size:75%;
	margin-left:10px;
	white-space:nowrap;
	}
ul.pan li:before{	content:"> ";	}

ul.pan .pantop:before{	content:no-close-quote;	}

ul.pan li a{	color:#336699;	}

ul.pan li a:hover{	color:#336699;	}

ul.pan li a:visited{	color:#336699;	}


/*	Aタグ
----------------------------------*/

a{	color:#003366;	}

a:hover{	color:#003366;	text-decoration:none;	}

a:visited{	color:#663399;	}

.pagetop{
	text-align:right;
	margin:7px 10px 15px;
	font-size:92%;
	}

.link-top{
	clear:both;
	text-align:right;
	margin:7px 10px 15px;
	font-size:92%;

	}

.link-botan	a{
	padding:10px 15px;
	margin:10px;
	border:1px outset #CCCCCC;
	background-color:#FFFFFF;
	}

.link-botan	a:hover{	border:1px inset #CCCCCC;	}

/*	文字装飾
----------------------------------*/

.color-a{	color:#336799;	}

.color-b{	color:#ff9933;	}
	
.color-red{	color:red;	}

.bg-color-blue{	background-color:#DCEEFF;	}

.bg-color-red{	background-color:#FFCCCC;	}

.bg-color-green{	background-color:#CCFF99;	}

.bg-color-purple{	background-color:#CC99CC;	}

.bold{	font-weight:bold;	}
	
.text-L{	font-size:120%;	}
	
.text-LL{	font-size:125%;	line-height:1.4em;	}
	
.text-S{	font-size:80%; line-height:1.3em;	}

.bg-color-a{	background-color:#D9EDF0;	}
	
.border-a{　padding:15px;	border:1px solid #666666;	margin:15px;	}
	

	
/*	アイコン
----------------------------------*/

.icon-list{
	background-image:url(../image/inc/icon.gif);
	background-repeat:no-repeat;
	background-position:0px -5px;
	padding-left:23px;
	}

.list-a li{
	background-image:url(../image/inc/icon.gif);
	background-repeat:no-repeat;
	background-position:0px -5px;
	padding-left:23px;
	}

.icon-list-a li{
	background-image:url(../image/inc/icon.gif);
	background-repeat:no-repeat;
	background-position:0px -5px;
	padding-left:23px;
	}

ul.list-nomal li{
	list-style-type:circle!important;
	margin-bottom:10px;
	margin-left:20px;
	}

/*		配置
----------------------------------------------------------------------*/

.ly-left{	float:left;	}

.ly-right{	float:right;	}

.ly-clear{	clear:both;	}

.no-wrap{	white-space:nowrap;	}

.inline-center{	text-align:center;	}
	
.inline-right{	text-align:right;	}

.jump{	text-indent:-999em;	overflow:hidden;	}


/*	clearfix
----------------------------------*/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix{	display:inline-block;	}

/* Hides from IE-mac \*/
* html .clearfix{	height:1%;	}

.clearfix{	display: block;	}

/* End hide from IE-mac */


/*		余白
----------------------------------------------------------------------*/

.blank-bottom{	padding-bottom:15px;	}
	
.blank-bottom30{	padding-bottom:30px!important;	}
	
.blank-bottom50{	padding-bottom:50px;	}

.blank-top5{	padding-top:5px;	}	

.blank-top15{	padding-top:15px;	}

.blank-top30{	padding-top:30px;	}
	
.blank-leftm20{	margin-left: 20px;	}

.blank-rightm40{	margin-right:40px;	}

.blank-all10{	padding:10px;	}

.blank-all20{	padding:20px;	}

.blank-zero{	margin:0;	padding:0;	}
	
.blank-img7{	display:block;	margin:7px;	}


/*		リセット
----------------------------------------------------------------------*/

*{	margin:0;	padding:0;	}
	
dl,ul,li,dt,dd{	list-style-type:none;	}

a img{	border:none;	}

table{	border-collapse:collapse;	}


li.media-banner{
	width:160px;
	float:right;
	border:1px solid #333333;
	font-size:80%;
	line-height:1.3em;
	margin:5px;
	padding:5px!important;
	background-color:white;
	background-image:none!important;
	}