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

/*-----------------------text-----------------------*/

.f_size75{	font-size:.75em;}
.f_size80{	font-size:.8em;}
.f_size85{	font-size:.85em;}
.f_size90{	font-size:.9em;}
.f_size95{	font-size:.95em;}

.tx_right{ text-align:right;}
.tx_center{ text-align:center;}

.red{ color: #F00;}
.blue{ color:#00658f;}
.yellow{ color:#FF8700;}
.green{ color:#008000;}
.orange{ color:#FFA500;}
.darkgoldenrod{ color:#B8860B;}
.olivedrab{ color:#6B8E23;}
.gray{ color:#62777D;}
.brown{ color:#733d00;}

.bold{ font-weight:bold;}
.f_nomal{font-weight:normal;}

/*-----------------------margin-----------------------*/

.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}

.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}

.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb150 {margin-bottom:150px;}

.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

/* padding
-------------------- */
.pt05 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}

.pr05 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}

.pb05 {padding-bottop:5px;}
.pb10 {padding-bottop:10px;}
.pb15 {padding-bottop:15px;}
.pb20 {padding-bottop:20px;}
.pb25 {padding-bottop:25px;}
.pb30 {padding-bottop:30px;}
.pb35 {padding-bottop:35px;}
.pb40 {padding-bottop:40px;}
.pb45 {padding-bottop:45px;}
.pb50 {padding-bottop:50px;}

.pl05 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}

.w20 {width:20px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w100 {width:100px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w600 {width:600px;}

.w49 {width:49%;}

/*-----------------------indent-----------------------*/

.indent1em{
	text-indent:-1em;
	margin-left:1em;
}

.indent2em{
	text-indent:-2em;
	margin-left:2em;
}

.indent3em{
	text-indent:-3em;
	margin-left:3em;
}

.indent4em{
	text-indent:-4em;
	margin-left:4em;
}

.indent5em{
	text-indent:-5em;
	margin-left:5em;
}

.indent6em{
	text-indent:-6em;
	margin-left:6em;
}

.indent7em{
	text-indent:-7em;
	margin-left:7em;
}

.indent8em{
	text-indent:-8em;
	margin-left:8em;
}

.indent9em{
	text-indent:-9em;
	margin-left:9em;
}

.indent10em{
	text-indent:-10em;
	margin-left:10em;
}

.indent11em{
	text-indent:-11em;
	margin-left:11em;
}

/*-----------------------float-----------------------*/

.f_left{	float:left;}
.f_right{	float:right;}
.clear {clear:both}
.of_hidden {overflow:hidden}

/*-----------------------common-----------------------*/

html,body{
	/*background:url(../images/back.jpg);*/
	background:#efefef;
	text-align:center;
	color:#333;
}

/*-----------------------header-----------------------*/

#header {
	background:#fff;
	text-align:center;
	width: 100%;
	border-bottom: 5px solid #fabd00;
	margin-bottom: 10px;
}

/*-----------------------g-nav-----------------------*/

#g-nav{
	width:100%;
	background:#fff;
	border-top:5px solid #fabd00;
	border-bottom:5px solid #fabd00;
	margin-bottom:10px;
}

#g-nav ul{
	max-width:970px;
	margin:5px auto 5px;
	overflow:hidden;
	background:url(../images/nav_bg.jpg) repeat-y;	
}

#g-nav ul li{
	float:left;
	width:193px;
	border-right:1px solid #fabd00;
}

#g-nav a{
	display:block;
	font-size:15px;
	padding:5px 0;
	color:#0d3744;
	font-weight:bold;
	text-decoration:none;
}

#g-nav a:hover{
	background:url(../images/back-y.jpg) ;
}

#g-nav li.current a {
	background:url(../images/back-y.jpg);
}
	

/*-----------------------content-----------------------*/

#content {
	margin: 0 auto;
	padding-bottom:10px;
	width:98%;
	text-align: left;
	background-color: #fff;
	overflow:hidden;
}

/*-----------------------pan-----------------------*/

#pan ol{
	margin:1em 1em 5px 15px;
	font-size:1.185em;
	background-color: #eee;
	padding: 7px .8em;
}

#pan li {
	display: inline-block;
}
 
#pan li + li:before {
	margin: 0 .8em;
	content: ">";
}

/*-----------------------side-----------------------*/

#side {
	width: 250px;
	float: left;
	background-color: #FFF;
	padding-left:15px;
}

#side img {
	display: block;
}
#nav {
	list-style: none;
	margin-top:10px;
	font-size:1.35em;
}

#nav li {
	width:234px;
	border-top:1px solid #62777D;
	border-left:1px solid #62777D;
	border-right:1px solid #62777D;
}

#side li h2{
	color:#fff;
	font-weight:bold;
}
#side li h2 a{
	background:#fabd00;
	color:#fff;
	padding: .7em 5px .7em 20px;
}
#side li h2 a:hover{
	background:#ffd964;
}

#side li.end {
	border-bottom:1px solid #62777D;
}

#side li.totop a{
	margin:0;
	padding: .5em 30px;
	text-align:center;
	background:none;
}

#nav li.totop a:hover {
	background-color:#fabd00;
	background-image:none;
	color:#FFF;
}

#side a {
	color: #123f4d;
	display: block;
	padding: .65em 5px .65em 20px;
	text-decoration: none;
	font-weight:bold;
	background:url(../images/list.jpg) no-repeat left center ;
}

#nav a:hover {
	background-color:#fabd00;
	background-image:none;
	color:#FFF;
}
#nav li.current a {
	background-color:#fabd00;
	color:#FFF;
	background-image:none;
}

#side .banner{
	margin-top:20px;
	width:235px;
}

#side .banner a{
	background:url(../images/back.jpg) #fff;
	color:#333;
	display: block;
	padding: 1em 10px 1em 10px;
	text-decoration: none;
	font-weight:bold;
	font-size:1.45em;
	border:3px solid #62777D;

}

#side .banner a:hover{
	color:#fff;
	background:none #62777D;
	border:3px double #fff;
}

/*-----------------------main 1カラム-----------------------*/

#main_1 {
	padding:10px 1em;
	font-size:1.185em;
	line-height:1.75em;
}

#main_1 h2.title{
	background:url(../images/back-y.jpg);
	border-top:3px solid #FABD00;
	font-size:1.2em;
	margin-bottom:10px;
	padding:.7em .75em;
	color:#0d3744;
	font-weight:bold;
}

#main_1 .text p {
	margin:5px 1em;

}

div.fes_list img{
	margin-left:2.5%;
	margin-top:10px;
}

/*-----------------------main-----------------------*/

#main {
	float: left;
	padding:10px 0;
	font-size:1.185em;
	line-height:1.75em;
}

#main h2.title{
	background:url(../images/back-y.jpg);
	border-top:3px solid #FABD00;
	font-size:1.2em;
	margin-bottom:10px;
	padding:.7em .75em;
	color:#0d3744;
	font-weight:bold;
}

#main h2.title span{
	font-size:0.9em;
	font-weight:normal;
}

#main .subtitle{
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:.5em;
}

#main h3.title{
	background:url(../images/back.jpg);
	border-top:3px solid #62777D;
	font-size:1.2em;
	margin-bottom:10px;
	padding:.7em .75em;
	color:#0d3744;
	font-weight:bold;
}

#main .section{
	margin-bottom:20px;
}

#main .section .border{
	border:1px solid #00658F;
	padding:0.3em 0.5em;
}

/*-----------------------list-----------------------*/

#main .section h2 {
	margin-bottom:10px;
}

#main h3 {
	margin-bottom:10px;
	background:url(../images/back-y.jpg);
	font-size:1.2em;
	color:#000;
	padding:.5em 1em;
}

#main .section ul li{
	margin:0 0 .5em 0em;
	padding:0 0 .5em 1.5em;
	border-bottom:1px dotted #62777d;
	display:block;
	overflow:hidden;
	clear:both;
}

#main .section ul li.end{
	border:none;
	padding-bottom:0;
}

#main .section ul li h3 {
	background: url(../images/square.gif) no-repeat 0 6px #fff;
	padding:0 0 0 1.1em;
	font-size:1.2em;
	color:#123F4D;
	margin:0.2em 0 0.2em -0.5em;
}

#main .section ul li h4 {
	background: url(../images/circle.gif) no-repeat 0 6px #fff;
	padding-left:1.1em;
	color:#123F4D;
	margin:0;
}

#main ul li table{
	border-collapse:collapse;
	border-spacing:0;
	border-left:1px solid #333;
	border-top:1px solid #333;
	margin:.5em 2em;
}

#main ul li table caption{
	text-align:left;
	margin-bottom:.2em;
}

#main ul li table th{
	background:#c7e1e9;
	text-align:left;
	font-weight:normal;
}

#main ul li table th,#main ul li table td{
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	padding:.3em .5em;
	font-size:.85em;
}

#main .section ul div {
	float:left;
}

#main .section ul li span.list-img {
	float:right;
}

#main .section ul li span img {
	margin:5px 0 0 2px;
}

#main dl{
	overflow:hidden;
	margin-left:.8em;
	clear:both;
}

#main dl dt{
	border-bottom: 1px solid #FABD00;
	margin:.7em 0;
	padding-left:.5em;
	position:relative;
}

#main dl dt .dt_right{
	position:absolute;
	right:0;
	bottom:0;
}

#main dl dd{
	margin-left:1em;
}

#main dl dd div.pro_img {
	float: right;
	margin: 0 0 10px 15px;
}

#main .pro_img p{
	text-align:center;
	font-size:.9em;
	line-height:1em;
}

#main .pro_img p .copy{
	font-size:.8em;
}

#main .section div.profphotobox{
	float:none;
	overflow:hidden;
}

#main .profphotobox .pro_img{
	float:left;
	margin-left:1em;
	margin-bottom:.8em;
}

#main ul li table.border_non,
#main ul li table.border_non tr th,
#main ul li table.border_non tr td {
	border:none;
	font-size:100%;
	background-color:#FFF;
}

#main dl.dl_2col dt{
	float:left;
	border-bottom:none;
	margin:0;
	padding:0;
	width:160px;
}

#main dl.dl_2col dd{
	float:left;
	width:70%;
	margin:0 0 5px 0;
}

#main dl.dl_2col dd span{
	width:220px;
	display:block;
	float:left;
	margin-right:1em;
}

/*-----------------------footer-----------------------*/

#footer{
	clear:both;
	background:#62777D;
	width:100%;
	color:#FFF;
	padding:1em 0;
	text-align:center;
}

#footer .footerlist li{
	display:inline-block;
	padding-right:1em;
}

#footer .footerlist li a{
	color:#FFF;
	text-decoration:underline;
}

#footer .footerlist li a:hover{
	text-decoration:none;
}
	

#footer .footerlist li img{
	margin-left:.2em;
}
#wrapper {
	width:100%;
}


@media screen and (min-width: 970px){
/*-----------------------header-----------------------*/
#header {
	height: 220px;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#content {
	width: 970px;
}
#main {
	width: 690px;
}

.sns{
	display:none;
}

}

@media only screen and (max-width:970px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
h2.top_h2 {font-size:200%;}
#side {
	width: 22%;
}
#side li {
	width:98%;
}

#side .banner {
	width: 100%;
}

/*#nav a {
	font-size: 1.4em;
}
#nav li.totop a{
	font-size: 1.3em;
}*/
#main {
	width: 73%;
	padding-left:1%
}

.twitter{
	display:none;
}

#g-nav ul{
	width:100%;
	background:none;
	margin:0;
}

#g-nav ul li{
	float:left;
	width:50%;
	border-right:1px solid #fabd00;
	border-bottom:1px solid #fabd00;
	box-sizing: border-box;
}

#g-nav ul li:first-child{
	width:100%;
	border-bottom:1px solid #fabd00;
}

#main dl.dl_2col dd{
	float:left;
	width:80%;
	padding-left:1.5em;
}

#main dl.dl_2col dd span{
	width:100%;
}

#main dl dt .dt_right{
	position:relative;	
}

}

@media only screen and (max-width:480px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#main .section h2 img {
max-width: 100%;
height: auto;
width /***/:auto;　
}

h2.top_h2 {font-size:150%;}

#side {
	display:none;
}

#pan ol{
	margin:1em 10px 5px 10px;
}

#main {
	width:96%;
	padding:2% 2%;
}
#main .section ul li{
	margin:0 0px .5em 10px;
	padding:0 0px .5em .5em;
}

#main .section ul li span.list-img {
	float:left;
}

.pc{
	display:none;
}

.trigger{
	position:relative;
}

.trigger span{
	width:25px;
	height:25px;
	position:absolute;
	right:8px;
	background:url(../images/down.png) left center no-repeat ;
	z-index:10;
}
div.fes_list {
	text-align:center;
}

.sns{
	display: block;
}

}