/* ========================================================
	template.css => テンプレート用CSS
======================================================== */

body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #555555;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

span {
	font-size: 16px;
	color: #0497D4;
	font-weight: bold;
	}
#wrapper{
	position: absolute;
}
.inner {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

	}
	
a{

	text-decoration: none;
	color:#333333;
	}	
	
a:visited {

	text-decoration: none;
	color:#333333;
	}

a:hover {

	text-decoration: underline;
	color:#333333;
	}



/* ヘッダートップ
============================================================================================================ */

#header-top {
	width: 756px;
	margin:0 auto 0 auto;
	}

/*#header-top ul {
	}
	
#header-top ul li {
}
#header-top ul{
	width: 756px;
	margin: 0 -8px 0 0;
	overflow:hidden;
	_zoom: 1;
}
#header-top li{
	float:left;
	margin:0 8px 0 0;
}*/


#spnavin{
	position: absolute;
	margin: 0 auto;
	width: 1080px;
	left: 50%;
	margin-left: -540px;
}
#hdNav{position:absolute;top:12px;left:0;right:0;margin:auto;text-align: center; font-family: inherit; font-family:YuGothic,"游ゴシック",Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3",Roboto,"Droid Sans",Meiryo,"メイリオ",Verdana,"ＭＳ Ｐゴシック",sans-serif; background:#fff; color:#525252; line-height: 1;}
#hdNav li{display:inline;font-size:15px;font-size:15px;}
#hdNav li a{color:#525252; text-decoration: none;}
#hdNav li a:hover{color:#525252; text-decoration:underline;}
#hdNav li:after{content:"/";padding:25px}
#hdNav li:last-child:after{display:none}
#gnav {clear:both;padding:5px 0 0}
#hdSns{position:absolute;top:5px;right:0}
#hdSns li{width:30px;float:left;margin:0 4px 0 6px}
#hdSns li a{font-size:0;width:28px;height:28px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;display:block;position:relative}
#hdSns li a:before{color:#fff;font-family: FontAwesome;text-align:center;line-height:31px;position:absolute}
#hdSns li:nth-child(1) a{background:#3B5998;border:1px solid #3B5998}
#hdSns li:nth-child(2) a{background:#26A6D1;border:1px solid #26A6D1}
#hdSns li a:hover{text-decoration:none;background:#fff}
#hdSns li:nth-child(1) a:before{content:"\f09a";font-size:17px;left:8px}
#hdSns li:nth-child(2) a:before{content:"\f099";font-size:19px;left:6px; top: -2px;}
#hdSns li:nth-child(1) a:hover:before{color:#3B5998}
#hdSns li:nth-child(2) a:hover:before{color:#26A6D1}


/* ヘッダー
============================================================================================================ */

#header {
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-top: 50px;
	}

#header h1 {
	float: left;
	padding-right: 20px;	
	}

#header p.header-text {
	float: left;
	padding-top: 60px;
	font-size:12px;
	}
#header-wrapper{
	width: 875px;
	margin-right: auto;
	margin-left: auto;
}

/* グローバルナビ
============================================================================================================ */
#gnavi-wrapper{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}
ul#gnavi {
	margin-top:15px;
	height: 40px;
	width: 875px;
	margin-right: auto;
	margin-left: auto;
	}

ul#gnavi li {
	float:left;
	width: 144px;
	text-align:center;
	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B6BBC0;
	}
ul#gnavi li a{

}	
ul#gnavi li.contact {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6BBC0;
	}
	

/* コンテンツ
============================================================================================================ */

#contents {
	margin-top: 15px;
	margin-bottom: 0px;
	width: 875px;
	margin-right: auto;
	margin-left: auto;
	}

#contents #main {
	width: 604px;
	float: right;
	display:inline;
	}



/* コンテンツサイド
============================================================================================================ */



#contents #side {
	width: 250px;
	float: left;
	}

#contents #side .search {

	margin-top: 0px;
	margin-bottom: 10px;

	}

#contents #side #works {
	width: 248px;
	margin-top: 0px;
	margin-bottom: 10px;
	
	padding-top: 10px;
	padding-bottom: 5px;
	
	border: 1px solid #B6BBC0;	
	}

#contents #side #works .works-list {
	
	
	}

#contents #side #works .works-list .mark {
	padding-bottom: 7px;
	text-align:center;
}	



#contents #side #works ul.icon {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D8D8D8;	
	
	padding-top: 20px;
	padding-left: 25px;
	}

#contents #side #works ul.icon li {
	float: left;	
	width: 100px;
	height: 35px;
	}

#contents #side #works .side-ichiran {
	float: right;
	margin-top: 0px;
margin-bottom: 5px;
	margin-right: 10px;
	display:inline;
	}


#contents #side .banner {
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
 h4 {
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	}

#contents #side .group {

	margin-top: 10px;
	margin-bottom: 10px;

	}
	
#contents #side .topics {
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B5B5B5;	
	}	

#contents #side .topics .left {
	float: left;	
	}	

#contents #side .topics .right {
	width: 160px;
	float: right;	
	margin-right: 10px;
	display:inline;
	}	

#contents #side .topics .right p.title,
#contents #side .topics .right p.title a,
#contents #side .topics .right p.title a:visited {
	font-weight: bold;
	color: #0497D4;
	}

#contents #side .topics .right p.date {
	font-size: 10px;	
	}

#contents #side .topics .right p.text {
	font-size: 10px;
	line-height: 14px;
	padding-top: 5px;
	}
	
#contents #side .twitter {
	margin-top: 20px;
	margin-bottom: 0px;
	}

#contents #side .facebook {
	margin-top: 20px;
	margin-bottom: 15px;
	}
.facebook iframe{
	width:250px!important;
}

#contents-bottom {
	width:875px;
	margin-top: 25px;
	margin-left:auto;
	margin-right:auto;
	}

#contents-bottom .left {
	float: left;
	line-height: 18px;
	}

#contents-bottom .right {
float: right;
}

.imageborder img{
 border:2px solid #CCCCCC;
}

/* フッター
============================================================================================================ */


#footer {
	margin-top: 15px;
	margin-bottom: 0px;
	background-color: #6B6B6B;
	
	}

#footer #footer-top {
	width: 750px;
	margin: 0 auto 0 auto;
	padding-top: 25px;
	padding-bottom: 15px;
	}

#footer #footer-top dl.footer-list {
	float: left;
	
	padding-right: 30px;
	color: #FFFFFF;	
	}

#footer #footer-top dt {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 15px;
	}

#footer #footer-top dd {
	background-image: url(../img/footer_mark.gif);
	background-repeat: no-repeat;
	line-height: 18px;
	font-size: 10px;
	padding-left: 15px;
	}
	
#footer #footer-top dd.bottom {
	background-image: url(../img/footer_mark_last.gif);
	background-repeat: no-repeat;
	}

#footer #footer-top ul.footer-list {
	float: left;
	padding-right: 30px;
	color: #FFFFFF;	
	}

#footer #footer-top li {
	background-image: url(../img/footer_mark.gif);
	background-repeat: no-repeat;
	line-height: 18px;
	font-size: 10px;
	padding-left: 15px;
	}
	
#footer #footer-top li.top {
	background-image: url(../img/footer_mark_top.gif);
	background-repeat: no-repeat;
	}

#footer #footer-top li.bottom {
	background-image: url(../img/footer_mark_last.gif);
	background-repeat: no-repeat;
	}


#footer #footer-bottom {
	padding-top: 0px;
	padding-bottom: 15px;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B5B5B5;
	}
	
#footer #footer-bottom ul#list {
	
	width: 670px;
	margin: 0 auto 0 auto;
	

	padding-top: 25px;
	height: 15px;
	}

#footer #footer-bottom ul#list li {

	float:left;		
	padding-left: 17px;
	padding-right: 17px;	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B6BBC0;
	}
	
#footer #footer-bottom ul#list li.privacy {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6BBC0;
	}
	
	
#footer #footer-bottom p.copyright {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	}
	
#footer a,#footer a:visited,#footer a:hover{
	color: #FFFFFF;
}

#page-top-wrapper{
position:relative;
width:990px;
margin:auto;
}
#page-top{
position: absolute;
width:1030px;
text-align:right;

}