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

body { margin: 0; padding: 0; font-size: 12px; line-height: 200%; color: #333; background: url(image/ex_01_body_bg.gif) repeat-x #32221b; font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
h1,h2,h3,h4,h5,em,strong { font-size: 100%; font-style: normal;}
h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,form,p,table,input,select,textarea,fieldset { margin: 0; padding: 0;}
h1 {
	font-size: 20px;
	color: #fff;
}
table { border-collapse: collapse; border: 0;}
input,select,textarea { font-size: 100%; vertical-align: middle;}
img,fieldset { border: 0; vertical-align: bottom;}
ul,ol { list-style: none;}
form label{ cursor: pointer;}
* html form label { cursor: auto;}

/* commonClass */

.txtLink { font-size: 12px; font-weight: bold; color: #c00; margin: 0 10px;}
.txtLink2 { font-size: 12px; color: #c00; margin: 0 10px;}
.txtLink3 { font-size: 12px; font-weight: bold; color: #000; margin: 0 10px;}
.type { font-weight: bold;}
.txt01 { font-size: 14px;}
.txt01 a { color: #c33;}
.txt02 { font-size: 10px;}
.txt02 a { color: #c33;}
.txt03 { text-indent: 1em; margin-bottom: 10px;}
.em01 { color: #c33; font-weight: bold;}
.em02 { color: #063;}
.em03 { text-decoration: line-through;}
.em04 { font-weight: bold; margin: 0 10px;}
.em05 { text-decoration: underline; margin: 0 5px;}
.em06 { color: #c33;}
.mg01 { margin-top: 10px;}
.mg02 { margin-bottom: 10px;}
.mg03 { margin: 10px 10px 7px 10px;}
.mg04 { margin-top: 5px;}
.mg05 { margin: 0 5px 15px 5px;}
.mg06 { margin: 10px 0;}
.pd01 { padding-bottom: 8px;}
.cnt, .cmt { text-align: center;}
.bo01 { border: 1px solid #333; margin: 10px 0;}
.imgBor { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.imgBgr { padding: 10px; background: url(image/suitform_bg_base.gif);}

/* div */

#layoutLogic { width: 990px;}

#globalNavi { width: 740px; float: left;}

#contentHeader {
width: 510px;
padding: 15px 0 10px 10px;
background: url(image/ex_01_contentHeader_bg.gif) no-repeat #7e1b1d;
float: left;
}

#contentHeader p {
	color: #fff;
}
#contentAcce { width: 230px; margin: 35px 0 0 0; text-align: right; float: right; color: #edc;}
#contentAcce li a {
	color: #edc;
	margin: 0 10px;
}
#contentBody { width: 990px; background: url(image/ex_01_contentBody_bg.gif) right repeat-y #fff; clear: both;} /* aaa */

#layoutMain {
width: 760px;
padding: 20px 0 0 10px;
background: url(image/layoutMain_Image_lmi_01.jpg) no-repeat; /* aaa */
float: left;
}
* html #layoutMain { padding: 24px 0 0 10px;}
*:first-child+html #layoutMain { padding: 24px 0 0 10px;}

#layoutMain h2 { font-size: 16px; width: 750px; padding-top: 10px; margin-top: 10px; border-top: 1px dotted #ddd;}
#layoutMain h2 a { color: #c33;}

#layoutSub {
	width: 200px;
	float: right;
	padding: 10px 10px 0 0;
}
#layoutSub dl {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #422e24;
}
#layoutSub dd { background: url(image/layoutSub_menu_0110.gif) no-repeat; padding-left: 20px; font-weight: bold; width: 180px;}
#layoutSub dd:hover { background: url(image/layoutSub_menu_0120.gif) no-repeat;}

#layoutSub a {
color: #333;
text-decoration: none;
display: block;
width: 180px;
}

#layoutSub p a {
color: #fff;
text-decoration: underline;
font-weight: bold;
width: auto;
}

#contentFooter {
	width: 980px;
	padding-left: 10px;
	color: #efe;
}
#contentFooter a {
	font-size: 10px;
	color: #ddd;
	margin: 10px 5px 0 5px;
	text-decoration: none;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 2px;
}

/* class */

.layoutClear { clear: both; text-align: right; width: 770px;}
.layoutClear a { color: #333; font-weight: bold; padding-right: 10px;}

.siteMenu li { margin: 0 -1px; padding: 0 9px; border-left: 1px solid #edc; font-size: 10px; font-weight: bold; line-height: 250%; display: inline;}
.siteMenu li a {
	text-decoration: none;
	color: #fff;
}

.categoryMenu { margin: 10px 0 5px 0;}
.categoryMenu li { padding-left: 18px; font-weight: bold; display: inline;}
.categoryMenu li a {
	text-decoration: none;
	color: #edc;
}

.pageMenu {
	width: 720px;
	margin: 10px 0 40px 10px;
	padding: 2px 0 2px 5px;
	border: 2px solid #694e4e;
	background: #361b1b;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
* html .pageMenu { margin: 10px 0 48px 10px;}
*:first-child+html .pageMenu { margin: 10px 0 48px 10px;}

.pageMenu p {
	color: #fff;
	font-weight: bold;
}
.pageMenu a {
	margin: 0 10px;
	color: #fff;
}
.pageMenu em { margin: 0 10px;}

.menu_end { border-bottom: 3px solid #5e3b18;}

.miniNavi { clear: both; text-align: right; padding-right: 10px; font-weight: bold;}
.miniNavi a { color: #333;}