@charset "Shift_JIS";

/* =========================================================
■ページ内共通要素のスタイル
========================================================= */
/* -------------------------------------
▽reset
------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
}

.cate_frame ol,
.cate_frame ul{list-style:none;}

.cate_frame img{border:none;}

.cate_frame{text-align:left;}

/* -------------------------------------
▽mark
------------------------------------- */
.tri3,
.popup{margin-top:5px;}

.tri3 li{
	padding-left:10px;
	margin-bottom:3px;
	background:url(../imgs/tri3.gif) no-repeat 0 0.2em;
}

.popup li{
	padding-left:17px;
	margin-bottom:3px;
	background:url(../imgs/btn_popup.gif) no-repeat 0 0.3em;
}

.tri3 li.last,
.popup li.last{margin-bottom:0px;}

/* -------------------------------------
▽note
------------------------------------- */
.cate_frame08 .note01,
.cate_frame08 .note02,
.cate_frame03 .note01,
.cate_frame03 .note02{padding-top:5px;}

.cate_frame08 .note01,
.cate_frame08 .note02,
.cate_frame03 .note01,
.cate_frame03 .note02{
	margin:0 0 0 1em;
	text-indent:-1em;
}

.cate_frame08 .note01:first-letter,
.cate_frame03 .note01:first-letter{color:#999;}

/* -------------------------------------
▽clearfix
------------------------------------- */
.cate_frame .cate_frame08:after,
.cate_frame .cate_frame05:after,
.cate_frame .cate_frame04:after,
.cate_frame .cate_frame03 .h_section:after,
.cate_frame .cate_frame03:after,
.clr:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.cate_frame .cate_frame08,
.cate_frame .cate_frame05,
.cate_frame .cate_frame04,
.cate_frame .cate_frame03 .h_section,
.cate_frame .cate_frame03,
.clr{
	display:inline-table;
	zoom:1;
}

/* Hides from IE-mac \*/
* html .cate_frame .cate_frame08,
* html .cate_frame .cate_frame05,
* html .cate_frame .cate_frame04,
* html .cate_frame .cate_frame03 .h_section,
* html .cate_frame .cate_frame03,
* html .clr{height:1%;}

.cate_frame .cate_frame08,
.cate_frame .cate_frame05,
.cate_frame .cate_frame04,
.cate_frame .cate_frame03 .h_section,
.cate_frame .cate_frame03,
.clr{display:block;} 
/* End hide from IE-mac */

/* =========================================================
■基本的な文字色やフォントサイズ
========================================================= */
.cate_frame h2.lwj,
.cate_frame h3.lwj,
.cate_frame h4.lwj{font-size:88%;}

html>/**/body .cate_frame h2.lwj,
html>/**/body .cate_frame h3.lwj,
html>/**/body .cate_frame h4.lwj{font-size:14px;}

.cate_frame table{font-size:100%;}

/* =========================================================
■見出しと、その内容要素のスタイル
========================================================= */
/* -------------------------------------
▽head
------------------------------------- */
.cate_frame h2,
.cate_frame h3,
.cate_frame h4{
	width:241px;
	_width:251px;
	margin-bottom:12px;
	padding-left:10px;
	color:#e60000;
}

* html>body .cate_frame h2,
* html>body .cate_frame h3,
* html>body .cate_frame h4{width:251px;}

.cate_frame h2.next,
.cate_frame h3.next,
.cate_frame h4.next{
	/*width:231px;
	_width:251px;
	padding-left:20px;*/
	/*background:url(../imgs/tri_red4.gif) no-repeat left center;*/
}

/* -------------------------------------
▽link
------------------------------------- */
h2.next a,
h3.next a,
h4.next a{
	width:231px;
	_width:251px;
	height:100%;
	margin-left:-10px;
	padding-left:20px;
	background:url(../imgs/tri_red7.gif) no-repeat 0 0.3em;
	display:block;
	color:#e60000;
	text-decoration:none;
}

* html>body h2.next a,
* html>body h3.next a,
* html>body h4.next a{width:251px;}

h2.next a:hover,
h3.next a:hover,
h4.next a:hover,
h2.next a:focus,
h3.next a:focus,
h4.next a:focus,
h2.next a:active,
h3.next a:active,
h4.next a:active{
	color:#e60000;
	text-decoration:underline;
}

/* =========================================================
■メインコンテンツと、その内容要素のスタイル
========================================================= */
/* -------------------------------------
▽mainframe
------------------------------------- */
.cate_frame{
	width:554px;
	margin:0 0 15px 0;
	overflow:hidden;
}

.cate_frame01{
	_width:100%;
	/*margin:0 0 15px 0;*/
	background:url(../imgs/cate_frame_bg01.gif) repeat-y 0 46px;	
}

.cate_frame02{
	_width:100%;
	background:url(../imgs/cate_frame_bg02.gif) no-repeat left top;
	
}

.cate_frame03{
	_width:100%;
	/*padding:10px;*/
	height:auto;
	min-height:48px;
	_height:48px;
	padding:7px 10px 10px 10px;
	background:url(../imgs/cate_frame_bg03.gif) no-repeat left bottom;
}

.cate_frame04{
	/*margin:0 0 15px 0;*/
	background:url(../imgs/cate_frame_bg01.gif) repeat-y 0 46px;
}

.cate_frame04,
.cate_frame05{
	width:271px;
	display:inline;
}

.cate_frame05{margin:0 0 15px 12px;}

.cate_frame .cate_frame05,
.cate_frame .cate_frame04,
.cate_frame .cate_frame03 .h_section h2,
.cate_frame .cate_frame03 .h_section h2.right,
.cate_frame .cate_frame03 .h_section h3,
.cate_frame .cate_frame03 .h_section h3.right,
.cate_frame .cate_frame03 .h_section h4,
.cate_frame .cate_frame03 .h_section h4.right,
.cate_frame .cate_frame03 div.left,
.cate_frame .cate_frame03 div.right{float:left;}

.cate_frame .cate_frame03 div.box,
.cate_frame .cate_frame03 div.left,
.cate_frame .cate_frame03 div.right{
	width:231px;
	_width:251px;
	padding:0 10px;
}

* html>body .cate_frame .cate_frame03 div.box,
* html>body .cate_frame .cate_frame03 div.left,
* html>body .cate_frame .cate_frame03 div.right{width:251px}

.cate_frame .cate_frame03 .h_section h2.right,
.cate_frame .cate_frame03 .h_section h3.right,
.cate_frame .cate_frame03 .h_section h4.right,
.cate_frame .cate_frame03 div.right{
	margin-left:32px;
	display:inline;
}

/* -------------------------------------
▽irregularframe
------------------------------------- */
.cate_frame08 h2{
	width:inherit !important;
	_width:100%;
}

.cate_frame08 h2.next a,
.cate_frame08 h3.next a,
.cate_frame08 h4.next a{
	width:inherit !important;
	_width:103%;
}

.cate_frame06{
	/*margin:0 0 15px 0;*/
	_width:100%;
	background:url(../imgs/cate_frame_bg04.gif) repeat-y 0 46px;	
}

.cate_frame07{
	_width:100%;
	background:url(../imgs/cate_frame_bg05.gif) no-repeat left top;
}

.cate_frame08{
	/*padding:10px;*/
	_width:100%;
	padding:17px 20px 10px 20px;
	background:url(../imgs/cate_frame_bg06.gif) no-repeat left bottom;
}

.cate_frame08 dl{
	_display:inline;
	_zoom:1;
}

.cate_frame08 dt{
	width:157px;
	float:left;
}

.cate_frame08 dd{
	margin-left:157px;
	height:1%;
	_vertical-align:top;
	_width:99%;
}

/* -------------------------------------
▽space
------------------------------------- */
div.second,
p.second{margin-top:15px;}

div.last{margin-bottom:0 !important;}

/* =========================================================
■印刷のスタイル
========================================================= */
@media print{

.cate_frame05{margin-left:6px;}


}