@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      style.css
 Style Info:     いろいろ
----------------------------------------------------------- */
/*----------------------------------------------------
	Reset
----------------------------------------------------*/


/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
	text-align: center;
	margin:0 auto;
	background:url(../img/pop_bg.gif) repeat-x #EFE8DA;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 12px;
}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.imgR {
    float: right;
	margin: 0px auto;
}

.imgL {
    float: left;
	margin: 0px auto;
}

.btn {
	text-align: center;
}
	
.clear {
	clear: both;
}

/*clearFix*/
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/

#wrapper_pop {
	text-align: center;
	margin:0 auto;
	padding:10px 0;
	background:url(../img/pop_cont_bg.gif) repeat-y;
	width:584px;
}


.area {
	width: 560px;
	padding: 0 12px;
	text-align:left;
}

#page {
	text-align: left;
	margin: 0 auto;
	width: 690px;
	/*border: 1px solid #ccc;*/
	clear:both;
	height: 100%;
	overflow: hidden;
	display: block;
	/*position: relative;*/
}

#page .area_pp {
	width: 670px;
	margin: 0 auto;
	padding: 0 8px 0 8px;
	background:#ffffff;
	line-height: 160%;
	text-align: left;
}

/*----------------------------------------------------
	#cont
----------------------------------------------------*/

#cont h1 {
	margin:0 0 20px 0;
}

#cont h2 {
	margin:0 0 15px;
}

th {
	border-left:2px solid #584827;
	border-bottom:1px dotted #cccccc;
	border-right:1px dotted #cccccc;
	background:url(../img/th_bg.gif);
	padding:5px 10px;
	color:#362C18;
	vertical-align:top;
}

td {
	border-bottom:1px dotted #cccccc;
	border-right:1px dotted #cccccc;
	padding:5px 10px;
}

.text_15 {
	margin-bottom:15px;
}

.font_10 {
	font-size:10px;
}


/*----------------------------------------------------
	.close
----------------------------------------------------*/

.close {
	margin:10px 0;
	text-align:center;
}

/*----------------------------------------------------
	.copy
----------------------------------------------------*/


.copy {
	clear:both;
	font:Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	font-size:10px;
	text-align:center;
	
}

/*----------------------------------------------------
	iso
----------------------------------------------------*/

#iso_menu {
	clear:both;
	height:50px;
	margin:0 0 20px;
	padding:0;
}

#iso_menu ul {
	width:560px;
}

#iso_menu li {
	display:inline;
	list-style-type:none;
}
#iso_menu li a {
	height:50px;
	display:block;
	float:left;
	margin:0 5px 0 0;
}

.iso_menu01 {
	margin:0 5px 0 0;
}

.iso_td01 {
	padding:5px;
	text-align:center;
	background:#F5F1E9;
	border:1px solid #ccc;
}

.co2 { font-size:xx-small;}

/*----------------------------------------------------
	news
----------------------------------------------------*/

#news_menu {
	clear:both;
	width:120px;
	float:left;
	margin:0 0 20px;
	padding:0;
}

#news_menu li {
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
}

#news_main {
	width:420px;
	float:right;
}

#news_main dl {
	width:420px;
	margin-bottom:5px;
	padding-bottom:5px;
	vertical-align:top;
	background: url(../img/bg_dot_x.gif) repeat-x left bottom;
	clear:both;
}

#news_main dt {
	float:left;
	padding:0;
	margin-bottom:0;
}

#news_main dt span {
	font-size:10px;
	background-color:#751515;
	color:#FFFFFF;
	padding:2px 4px;
	margin:0 0 0 6px;
}

#news_main dt img {
	margin: 0 0 5px 0;
	padding: 0;}

#news_main dd {
	float:right;
	margin: 0;
	padding: 0;
	width: 330px;
}

/*clearFix*/
#news_main dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/*----------------------------------------------------
	Link
----------------------------------------------------*/

a:link {
	color: #866D4D;
	text-decoration: underline;
}

a:visited {
	color: #866D4D;
	text-decoration: underline;
}

a:hover {
	color: #751515;
	text-decoration: none;
}

a:active {
	color: #866D4D;
	text-decoration: underline;
}


/****************************************************************************************************
	privacy policy
****************************************************************************************************/

/*----------------------------------------------------
	default
----------------------------------------------------*/

#contents {
	margin: 0 auto;
	height:100%;
	margin-bottom: 10px;
	line-height: 180%;
	text-align: left;
	width: 670px;
	clear:both;
	overflow: hidden;
	display: block;
	}

/*----------------------------------------------------
	header
----------------------------------------------------*/

#header {
	/*height:51px;*/
	margin:0 0 10px 0;
	overflow:hidden;
	background-color:#fff;}

#header h1 {
	float:left;
	margin: 5px 0 0 5px;
	overflow:hidden;
	display: block;}

/*----------------------------------------------------
	フォント・タイトル
----------------------------------------------------*/

h2  {
	margin: 0 0 20px 0;
	padding: 0;}

h3 {
	margin: 10px 0 10px 0;
	padding: 0;
}

.fo_R { text-align: right;}

.fo_C { text-align: center;}


/*----------------------------------------------------
	リスト
----------------------------------------------------*/

ol#li_01 {
	padding: 0 0 0 12px;
	margin: 0 0 10px 5px;
	clear: both;
}
ol#li_01 li {
	list-style-type:decimal;
	padding: 0;
	margin: 5px 0 0 5px;
}
/*2F*/
ol#li_01 ul {
	padding: 0 0 0 12px;
	margin: 0 0 10px 5px;
	clear: both;
}
ol#li_01 ul li {
	padding: 0;
	margin: 5px 0 0 5px;
	list-style-type:circle;
}

/*----------------------------------------------------
	テーブル
----------------------------------------------------*/

#ppTa_01 {
	width:100%;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	margin: 10px 0 10px 0;
	border-collapse:collapse;
	}

#ppTa_01 td {
	color:#464646;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	background: #fff;
	padding: 3px 10px 3px 10px;
	/*text-align:center;*/
	}				
#ppTa_01 th {
	font-weight:normal;
	color: #464646;
	text-align: center;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	padding:/*.1em 1em*/3px;
	background:#FAFAFA;
	/*width: 80px;*/
	}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/

#footer_pp {
	background-color:#000;
	margin: 10px 0 0 0;
	padding: 0;	
	width: 670px;
	color:#FFF;
	text-align: center;
	}

#footer_pp address {
	/*margin: 0 10px 0 630px;*/
	font-size:x-small;
	color:#FFF;
	text-align: right;
	padding-right: 10px;
	/*width: 670px;*/
	font-style:normal;}

/*----------------------------------------------------
	資料請求
----------------------------------------------------*/
	
.req_logo {
	float:left;
	margin: 5px 0 0 5px;
	overflow:hidden;
	display: block;}

.req_t {
	margin: 0 0 15px 0;
}

.req_td01{
	border-left:2px solid #584827;
	border-bottom:1px dotted #cccccc;
	border-right:1px dotted #cccccc;
	background:url(../img/th_bg.gif);
	padding:5px 10px;
	color:#362C18;
	vertical-align:top;
}
.req_td02 {
	border-bottom:1px dotted #CCCCCC;
	padding:5px 5px 5px 15px;
	background: url(../img/patch_icon.jpg) 0 50% no-repeat;
}

/*----------------------------------------------------
	インフォメーション
----------------------------------------------------*/
	
.info_t {
	margin:0 0 25px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.info_w_l {
	margin:0 0 10px;
	text-align:left;
}

.info_w_r {
	margin:0 0 10px;
	text-align:right;
}

