@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);


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


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




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


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#CC2A39;
}
a:visited{
	color:#A52849;
}
a:hover{
	color:#EC8989;
}
a:active{
	color:#CC2A39;
}


/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	background:#EDDAB1 url(../img/common/bg.jpg) center top;
}

#container{
	width:100%;
	margin:0;
	position:relative;
}
#ci{
	position:absolute;
	right:0px;
	top:2px;
}
	/* リンク画像 */
	#ci a:hover,
	#ci a:hover img{
		filter: alpha(opacity=70);
		opacity:0.7;
		-moz-opacity:0.7;
	}

/* ------------------------------------------------------------ */
/* コンテンツ */
/* ------------------------------------------------------------ */

#contents-area{
	width:760px;
	margin:0 auto 30px auto;
}

#contents-area .contents_main{
	background:#FFFFFF url(../img/common/contents_bg.jpg) top left repeat-y;
}
#contents-area .contents_body{
	margin:0 auto;
	width:700px;
	border:1px solid #FFF;
}
#contents-area .contents_body.min{
	margin:0 auto;
	width:700px;
	_height:251px;
	min-height:251px;	
	border:1px solid #FFF;
}
.contents_body h2{
	border-left: #000000 solid 5px;
	border-bottom: #CCC solid 1px;
	padding:0 0 0 7px;
	margin:0 0 10px 0;
}
.contents_body_text{
	float:right;
	width:320px;
}
.section{
	margin:0 0 20px 0;
}


/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

#footer-area{
}
#footer-area .footer_contents{
	width:760px;
	margin:0 auto;
}
#footer-area .glovalnavi{
	background: url(../img/common/bg_glovalnavi.gif) left top repeat-x;
	height:96px;
	position:relative;
	overflow:hidden;
	}
	#footer-area .glovalnavi ul{
		margin:0 0 0 15px;
		}
	#footer-area .glovalnavi li{
		float:left;
		margin:0px;
		}
	#footer-area .glovalnavi li.down{
		position:relative;
		top:50px;
		}
#footer-area .utility{
	background-color:#221A15;
	height:24px;
	overflow:hidden;
	}
	#footer-area .utility li{
		float:left;
		margin:0px;
		}
	#footer-area .utility li.right{
		float:right;
		margin:0px;
		}
	/* リンク画像 */
	#footer-area .utility a:hover,
	#footer-area .utility a:hover img{
		filter: alpha(opacity=70);
		opacity:0.7;
		-moz-opacity:0.7;
	}

#footer-area .copyright{
	background-color:#E5E5E5;
	padding:3px 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:77%;
	}


/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */

img.left {
	float: left;
	margin: 0 15px 5px 0;
}

img.right {
	float: right;
	margin: 0 0 5px 15px;
}