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

 file name  :common.css
 style info :共通のスタイル指定（ストラクチャ、ヘッダー、フッター）

=================================================================== */

/* ---------------------------------------------------------------------------

		structure
			ストラクチャ：基本設定、リンクカラーなど

--------------------------------------------------------------------------- */

a{
	color:#222;
	text-decoration:underline;
}
a:hover{
	color:#796b3d;
}


/* ---------------------------------------------------------------------------
		#wrapper
			全体
--------------------------------------------------------------------------- */
#wrapper{
}

/* ---------------------------------------------------------------------------
		#header	
			ヘッダー
--------------------------------------------------------------------------- */
#header{
}
#header .head-inner{
	width:960px;
	margin:0 auto;
	position:relative;
}
#header .head-inner h1{
	position:absolute;
	left:145px;
	top:15px;
	font-weight:normal;
	line-height:15px;
	color:#000000;
	font-size:10px;
}
#header .head-inner p.logo{
	padding:21px 0 25px 0;
}
#header .head-inner ul.hnav{
	position:absolute;
	top:29px;
	right:200px;
}
#header .head-inner ul.hnav li a{
}

#header .head-inner p.btn{
	position:absolute;
	right:0;
	top:10px;
}
#header .head-inner p.btn:hover {
	filter: alpha( opacity=70 ); /* ie lt 8 */
	-ms-filter: "alpha( opacity=70 )"; /* ie 8 */
	opacity: 0.7;
}

#header .site-ttl{
	padding:0.6% 0 0.5% 0;
	background:#f2f2f2 url(../../images/common/bg_line.png) repeat-x 50% 0;
}
#header .site-ttl h2{
	width:960px;
	margin:0 auto;
	font-weight:normal;
	font-size:134%;
}



/* ---------------------------------------------------------------------------
		#content		
			コンテンツ
--------------------------------------------------------------------------- */
#content{
}

#main-header{
	width:960px;
	margin:0 auto;
	padding:40px 0;
	position:relative;
	zoom:1;
}
#main-header h3{
	margin-bottom:15px;
	font-size:150%;
	color:#c97353;
}


/* ---------------------------------------------------------------------------
		#main
			メイン
--------------------------------------------------------------------------- */
#main{
	width:960px;
	margin:0 auto;
	padding:0 0 30px 0;
}


/* ---------------------------------------------------------------------------
		#footer
			フッター
--------------------------------------------------------------------------- */
#footer{
	background:#f2f2f2 url(../../images/common/bg_line.png) repeat-x 50% bottom;
}
#footer .footer-inner{
	width:960px;
	margin:0 auto;
	padding:22px 0 21px 0;
	position:relative;
	zoom:1;
}
#footer .footer-inner p.txt{
	position:absolute;
	left:140px;
	top:34%;
	font-size:117%;
}
#footer .footer-inner p.sitename{
	font-size:117%;
}
#footer .footer-inner ul.fnav{
	position:absolute;
	top:35%;
	right:0;
}
#footer .footer-inner ul.fnav li{
	float:left;
	margin:0 0 0 6px;
}
#footer .footer-inner ul.fnav li a:hover{
	color:#fff;
	text-decoration:underline;
}



#cigrCommonFooter img{
	height:auto;
}



#wrapper .pcHide{
	display:none;
}
#wrapper .spHide{
	display:block;
}


/* ==========================================================================
   pcMax
   ========================================================================== */
@media only screen and (max-width: 960px) {

	#header .head-inner h1{
		left:16%;
		font-size:84%;
		display:none;
	}
	#header .head-inner{
		width:auto;
		margin:0 10px;
	}
	#header .site-ttl h2{
		width:auto;
		margin:0 10px;
	}
	
	#content #main-headerr{
		width:auto;
		margin:0 10px;
	}
	
	#main{
		width:auto;
		margin:0 10px;
	}
	
	#footer .footer-inner{
		width:auto;
		margin:0 10px;
	}
	#footer .footer-inner p.txt{
		font-size:100%;
	}
	#footer .footer-inner p.sitename{
		font-size:100%;
	}



}




/* ==========================================================================
   tablet
   ========================================================================== */
@media only screen and (max-width: 768px) {

	#header .head-inner h1{
	}
	#header .head-inner p.logo{
	}
	
	#footer .footer-inner p.flogo{
	}
	#footer .footer-inner p.txt{
		font-size:92%;
	}
	#footer .footer-inner p.sitename{
		font-size:92%;
	}




}



/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){
	
	html{
		-webkit-text-size-adjust: 100%;
	}

	/* ---------------------------------------------------------------------------
			#header	
				ヘッダー
	--------------------------------------------------------------------------- */
	#header .head-inner{
		margin:0 10px;
	}
	#header .head-inner p.logo{
	}
	#header .head-inner ul.hnav{
		display:none;
	}
	
	#header .head-inner p.btn{
		width:136px;
		position:absolute;
		right:0;
		top:21px;
	}
	
	#header .site-ttl{
	}
	#header .site-ttl h2{
		padding:1% 0;
		font-size:inherit;
		line-height:1.2;
	}
	
	/* ---------------------------------------------------------------------------
			#content		
				コンテンツ
	--------------------------------------------------------------------------- */
	#content{
	}
	#main-header{
		margin-bottom:20px;
		padding:20px 0;
	}
	#main-header h3{
		margin-bottom:10px;
		font-size:175%;
	}
	#main-header h3 span{
		display:none;
	}

	/* ---------------------------------------------------------------------------
			#main
				メイン
	--------------------------------------------------------------------------- */
	#main{
	}


	/* ---------------------------------------------------------------------------
			#footer
				フッター
	--------------------------------------------------------------------------- */
	#footer{
		/*background-size:320px 229px;*/
	}
	#footer .footer-inner{
		margin:0 10px;
	}
	#footer .footer-inner p.flogo{
		padding:0 0 10px 0;
	}
	#footer .footer-inner p.txt{
		position:absolute;
		left:135px;
		top:14px;
		font-size:68%;
	}
	#footer .footer-inner p.sitename{
		font-size:68%;
		text-align:center;
		margin-bottom:1em;
	}
	#footer .footer-inner ul.fnav{
		position:relative;
		text-align:center;
	}
	#footer .footer-inner ul.fnav li{
		float:none;
		display:inline-block;
		margin:0;
	}
	#footer .footer-inner ul.fnav li a{
		display:block;
		background:url(../../images/common/footer_line_fnav.png) repeat-y;
		background-position:0 0;
		background-size:1px 1px;
		padding:0 10px;
	}
	#footer .footer-inner ul.fnav li:last-child a{
		background:url(../../images/common/footer_line_fnav.png) repeat-y, url(../../images/common/footer_line_fnav.png) repeat-y;
		background-position:0 0, 100% 0;
		background-size:1px 1px, 1px 1px;
	}
	
	#footer p.copyright{
		padding:0 0 8px 0;
	}
	#footer p.copyright img{
		width:158px;
		height:5px;
	}


	#wrapper .pcHide{
		display:block;
	}
	#wrapper .spHide{
		display:none;
	}

	
}




/**
 * ci css
 * COSMOS INITIA common footer template
 * ver.1.1 [Last update 2-21-2014]
 *
 * 原則として【 改編不可 】とする。
 * 各画像間の余白は適宜調整可能。
 * ただし最小値は厳守のこと。
 *
 * (c) FOURDIGIT Inc.
 *//*----------------------------------------
　改編不可 ここから
----------------------------------------*/
#cigrCommonFooter
	{
	clear: both;
	line-height: 0;
	background: #fff;
	}

.cigrFixedWidth
	{
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
	}
.cigrFixedWidth:after
	{
	content: "";
	display: block;
	clear: both;
	}

#cigrCommonFooter img
	{
	max-width: 100%;
	vertical-align: bottom;
	}

.cigrFooterBannerArea
	{
	float: right;
/*----------------------------------------
　改編不可 ここまで
----------------------------------------*/

	padding: 36px 0 0 0; /* [1] */
/*	padding: 13px 0 0 0;  [2] */
/*
会社シンボルが取引態様を含む場合（縦100px）は[1]を、含まない場合（縦77px）は[2]を選ぶ。
上記設定はバナーを配置する際の目安であり、テキストリンク等を配置する場合は適宜調整する。
体裁については、統括課または審査課の了承を得ること。
*/
/*	max-width: 420px;  [2列] */
/*	max-width: 630px;  [3列] */
/*
JV等で画像が一行に収まらない場合、バナーエリアの幅を限定する。
[（バナー幅（200px）＋ 左マージン（10px））× 列数 ] にて任意の幅に設定可。
*/
	}
.cigrFooterBannerArea li
	{
	float: right;
	margin: 10px 0 0 10px; /* 最小 10px */
	}

.cigrFooterCorporateSign
	{
	float: left;
	padding: 0 0 12px 0; /* 最小 12px */
	}
.cigrFooterCorporateSign ul
	{
	float: right;
	}
.cigrFooterCorporateSign li
	{
	float: left;
	margin: 12px 0 0 0; /* 最小 12px */
	margin-right: 20px; /* 最小 20px */
	}
.cigrFooterCorporateSign .cigrLogo
	{
	float: left;
	margin: 12px 0 0 0; /* 最小 12px */
	margin-right: 15px; /* 最小 15px */
	}
.cigrFooterCopyright
	{
	clear: both;
	padding-bottom:10px;
	}

@media only screen and (max-width: 960px) {
	.cigrFixedWidth {
		width: auto;
	}
}
@media only screen and (max-width: 900px) {
	#cigrCommonFooter {
		overflow: hidden;
		text-align: center;
	}
	.cigrFixedWidth {
		padding: 0;
	}
	.cigrFooterBannerArea {
		float: none;
		margin: -10px 0 0 -10px;
		padding: 10px 0 30px 0;
		letter-spacing: -.4em;
	}
	.cigrFooterBannerArea li {
		float: none;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: bottom;
		letter-spacing: normal;
	}
	.cigrFooterCorporateSign {
		float: none;
	}
	.cigrFooterCorporateSign .cigrLogo {
		float: none;
		margin: 15px 0 0 0;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
}
@media only screen and (max-width: 600px) {
	.cigrFooterBannerArea li,.cigrFooterCorporateSign .cigrLogo { {
		display: block;
	}
}