@charset "utf-8";
/* ===================================================================
CSS information
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
}

a {
	color:#0C64C3;
	text-decoration: none;
}
a:visited {
	color:#0C64C3;
	text-decoration: none;
}
a:hover {
	color:#0C64C3;
	text-decoration: underline;
}

a.arrow,
.arrow a{
	padding-left:30px;
	background:transparent url(../img/icn-arrow.gif) 2px 2px no-repeat;
}
a.circle,
.circle a{
	padding-left:12px;
/*	background:transparent url(../img/icn-circle.gif) 0 2px no-repeat;*/
}
/*
a.external,
.external a{
	padding-left:20px;
	background:transparent url(../img/icn-external.gif) 4px 2px no-repeat;
}
*/

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.mgL10{margin-left:10px;}
.mgL20{margin-left:20px;}
.mgR10{margin-right:10px;}
.mgL20{margin-right:20px;}

.clear{
	clear:both;
}

/* clearfix */
#gnav:after,
.inner:after,
.clr:after{
	content:" ";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
}

#gnav,
.inner,
.clr{
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac \*/
* html #gnv,
* html .inner
* html .clr{height:1%;}

#gnav,
.inner,
.clr{display:block;}
/* End hide from IE-mac */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
.inner{
	margin:0 auto;
	width:970px;
	position:relative;
	}

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
#header{
	padding-top:13px;
	background:transparent url(../img/bg-header.gif) top left repeat-x;
	}
#header .inner{
	}
#header .logo{
	float:left;
}
#header h1{
	float:right;
	padding-top:5px;
	color:#666;
	font-weight:normal;
	}
#header .submenu{
	position:absolute;
	top:0;
	right:0;
	}
#header .submenu li{
	float:left;
	margin-left:15px;
	display:inline;
	font-size:11px;
	}
#header .inner #wj {
	float: right;
	width: 950px;
	margin-top: 15px;
}
#header .inner #wj img {
	float: right;
}
/*----------------------------------------------------
	ナビ
----------------------------------------------------*/
#navi{
	padding-bottom:5px;
	background-color: transparent;
	background-image: url(../img/bg-navi.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
#navi ul{
}

#navi ul li{
	float:left;
}


/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/
#contents{
	clear:both;
	padding:25px 0 50px;
	}
#contents .title{
	}

/*----------------------------------------------------
	セカンド
----------------------------------------------------*/
.second #contents{
	padding-top:10px;
	}
.second .topicpath{
	font-size:10px;
	margin-bottom:30px;
	}

.second #contents #main{
	float:right;
	width:682px;
	}
.second #contents #sub{
	float:left;
	width:210px;
	}
#main .head-category{
	margin-bottom:30px;
	}
#main .main-ttl{
	text-align:right;
	padding-bottom:5px;
	margin-bottom:30px;
	border-bottom:1px solid #ccc;
	line-height:15px;
	}

#sub .title-category{
	margin-bottom:50px;
	}
#sub #submenu{
	border-top:1px solid #333;
	margin-bottom:50px;
	}
#sub #submenu li{
	border-bottom:1px solid #ccc;
	padding:1px 0;
	}
#sub #submenu li a{
	color:#333;
	display:block;
	padding:8px;
	background:#fff url(../img/arrow-submenu.gif) no-repeat 97% 50%;
	}
#sub #submenu li a:hover,
#sub #submenu li a.current{
	background-color:#efefef;
	}

#sub .section{
	margin-bottom:50px;
	}
#sub .section .ttl{
	margin-bottom:12px;
	}
#sub .blog li{
	line-height:1.4;
	margin-bottom:8px;
	}
#sub .blog li p.date{
	font-size:11px;
	margin-bottom:2px;
	}
	
#sub .contact p{
	margin-bottom:6px;
	}

	
.bnr p{
	margin-bottom:10px;
	}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
.pagetop{
	clear:both;
	width:970px;
	margin:0 auto;
	text-align:right;
	margin-bottom:-25px;
	position:relative;
}
#footer{
	clear:both;
	padding:30px 0 15px;
	background-color: #F5F5F5;
	background-image: url(../img/bg-footer.gif);
	background-repeat: repeat-x;
	background-position: 0 215px;
}
#footer .inner{
	color:#666;
}
#footer .links{
	margin-bottom:30px;
}
#footer .links ul{
	float:left;
	display:inline;
	margin:0 50px 0 0;
	}
#footer .links li{
	margin-bottom:4px;
	}
#footer .links li.sub{
	font-weight:normal;
	margin-left:2px;
	}
#footer .links li a{
	color:#333;
	font-weight:bold;
}
#footer .links li.sub a{
	font-weight:normal;
	}
	
#footer .info{
	}
#footer address{
	float:left;
	display:block;
}
#footer p.copyright{
	float:right;
	font-size:10px;
	padding-top:15px;
}
#footer a{
	color:#666;
	}