@charset "euc-jp";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　共通クラス
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*
 基本タグ
------------------------------------------------------ */

* {
	margin:0;
	padding:0;
	font-style:normal;
	line-height: 1.6em;
}
/*{zoom:1;}*/

body,input,select,textarea {

	/*font-family:"ヒラギノ角ゴ Pro W3", sans-serif;*/

	/*\*/

	/*font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;*/

	/*font-family:"ＭＳ Ｐゴシック", sans-serif;*/

	/**/

	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;

	color:#3D2C27;

}

body {
	color: #4D2207;
	font-size: 12px;
	text-align: center;
	background: #fff;
}

html>/**/body {
	font-size: 12px;
} /* IE以外に適用*/

a { outline: none; }

/* 
 リンクカラー
------------------------------------------------------ */
/*
a:link {
	text-decoration:underline;
	color:#093F7F;
}
a:visited {
	text-decoration:underline;
	color:#093F7F;
}
a:active,a:hover {
	text-decoration:underline;
	color:#093F7F;
}
*/

/* 
 マージン・余白
------------------------------------------------------ */

.mgT04 { margin-top: 4px; }
.mgT08 { margin-top: 8px; }
.mgT16 { margin-top: 16px; }
.mgT24 { margin-top: 24px; }
.mgT32 { margin-top: 32px !important; }
.mgT10 { margin-top: 10px; }
.mgT20 { margin-top: 20px; }
.mgB04 { margin-bottom: 4px; }
.mgB08 { margin-bottom: 8px; }
.mgB16 { margin-bottom: 16px; }


.mgL06 {
	margin-left: 4px;
}
.mgL08 { margin-left: 8px; }
.mgL16 { margin-left: 16px; }
.mgL7mgT8 { margin: 8px 0 0 7px;}

.mgL32 { margin-left: 32px !important;}

.pdT16 { padding-top: 16px; }
.pdNone { padding: 0px !important; }
.pdTNone { padding-top: 0px !important; }

/* 
 フォントカラー
------------------------------------------------------ */

.txtPI { color:#FC673E;}
.txtBU { color:#2F98AB;}
.txtOR { color:#FF7F0D;}

/*
 位置
------------------------------------------------------*/

.alnL { text-align: left; }
.alnR { text-align: right; }
.alnC { text-align: center; }

.fltR { float: right;}
.fltL { float: left; }



/* 
 フロート解除
------------------------------------------------------ */

.clear  { clear: both; font-size: 0px; line-height: 0px;}

.clearfix:after { content:""; display:block; clear:both; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%;}
.clearfix { display:block;}

.clrR { clear: right; }
.clrL { clear: left; }




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　共通項目部分　レイアウト＆スタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#wrap {
	width: 960px;
	margin: 0px auto;
	}

#popwrap {
	width: 540px;
	text-align: left;
}

#header {
	height: 120px;
	margin: 0px;
	width: 960px;
	position: relative;
	text-align: left;
	background-color: #FFFFFF;
}
#header:after {
	content:"";
	display:block;
	clear:both;
}
/*
#header-in {
	position: relative;
	margin: 0px auto;
	background: #EBE8D8;
	height: 229px;
	width: 990px;
}
*/
#leftCon {
	text-align: left;
	width: 736px;
	float: left;
	margin-top: 16px;
}
#leftCon:after {
	content:"";
	display:block;
	clear:both;
}
#subcont {
	text-align: left;
	width: 736px;
	clear: both;
	margin: 0px 0px 16px 0;
}
#subcont:after {
	content:"";
	display:block;
	clear:both;
}
/**/
#inLeft {
	width: 186px;
	float: left;
}
#inLeft:after {
	content:"";
	display:block;
	clear:both;
}
#Main {
	width: 540px;
	float: right;
}
#Main:after {
	content:"";
	display:block;
	clear:both;
}

#Main_noright {
	width: 748px;
	float: right;
}
#Main_noright:after {
	content:"";
	display:block;
	clear:both;
}


#rightCon {
	text-align: left;
	width: 208px;
	float: right;
	margin-top: 16px;
}
#rightCon:after {
	content:"";
	display:block;
	clear:both;
}


/*
 ページトップへ
------------------------------------------------------ */
.pagetop {
	clear: both;
	padding: 24px 0 16px;
	overflow: hidden;

	}
.pagetop a {
	text-decoration:underline;	color:#5D72B2;
	}
.pagetop a {
	text-align: right;
	background: url(../cmsimg/pagetop.gif) no-repeat left 4px;
	width: 130px;
	float: right;
}



/**/
/* ############ 07 ############ */

.curve-07-head{
	font-size:1px;
	height:7px;
	background:url(../cmsimg/lttl02.gif) no-repeat right top;
	margin-top:5px;
}

.curve-07-head div{
font-size:1px;
height:7px;
background:url(../cmsimg/lttl02.gif) top left no-repeat;
}

.curve-07-body{
	background:url(../cmsimg/lbox01bg.gif) repeat-y left top;
}

.curve-07-body div{
background:url(../cmsimg/lbox01bg.gif) top right repeat-y;
}

.curve-07-bottom{
font-size:1px;
height:7px;
background:url(../cmsimg/lbox01btm.gif) bottom right no-repeat;
margin-bottom:5px;
}

.curve-07-bottom div{
font-size:1px;
height:7px;
background:url(../cmsimg/lbox01btm.gif) bottom left no-repeat;
}
