* { margin:0px; padding:0px; }
img { border:0px; }
td { vertical-align:top; }
li { list-style-type:none; }
.fl_l { float:left; }
.clear { clear:both; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-table; min-height:1%;/* for IE 7*/ }
* html .clearfix { height:1%; }
.clearfix { display:block; }
textarea, input { font-size:12px; color:#555; }

body { width:756px; background:url(../Images/bg.jpg) repeat-y; }

/*** header ***/
#header { background-color:#330000; width:750px; font-family:"ＭＳ 明朝",serif; }
#header h1 { float:left; padding:10px 10px 5px; font-size:10px; color:#FFFFFF; letter-spacing:1px; font-weight:normal; }
#header h1 span { font-size:21px; letter-spacing:2px; font-weight:bold; line-height:150%; }
#header p { float:right; padding:10px; font-size:10px; text-align:right; }
#header img { margin-top:10px; }
#header a { color:#ffffff; text-decoration:none; }
#flash { width:750px; padding-bottom:10px; background:url(../Images/shadow.jpg) bottom no-repeat; }
#container { padding-left:10px; }

/*** contents ***/
#contents { float:left; width:451px; }
#contents h2 { font-family:"ＭＳ 明朝",serif; font-size:14px; line-height:100%; padding:0 5px; margin-top:10px; color:#555555; border-left:5px solid #555555; }
#contents h2 a { color:#555555; text-decoration:none; }
#contents h3 { font-family:"ＭＳ 明朝",serif; font-size:12px; line-height:100%; padding:5px 10px 4px 15px; margin-top:10px; color:#ffffff; background:url(../Images/h3_bg.gif) no-repeat; }
#contents h3 a { color:#ffffff; text-decoration:none; }
#contents h3 span { padding-left:10px; font-size:10px; font-weight:normal; }
#contents h4 { font-family:"ＭＳ 明朝",serif; font-size:12px; line-height:100%; padding:5px 10px 3px 10px; margin-top:10px; color:#555555; background:url(../Images/h4_bg.jpg) no-repeat; }

/*#contents .cell { padding:0 0 10px; font-size:12px; color:#555555; line-height:18px; letter-spacing:1px; }*/
#contents ul.cell { padding-top:10px; }
#contents ul.cell li { padding-left:12px; background:url(../Images/navi_icon.gif) no-repeat 0 8px; }
#contents p { padding-top:10px; font-size:12px; color:#555555; line-height:18px; letter-spacing:1px; }
#contents a { color:#000099; text-decoration:underline; }
#contents a:hover { text-decoration:none; }
#contents strong { color:#990000; font-weight:normal; }
#contents .breadcrumb strong { color:#555555; font-weight:bold; }

/*** navi ***/
#navi { float:left; width:128px; margin-left:10px; }
#navi h2 { width:128px; font-size:12px; font-weight:bold; margin-top:5px; padding:5px 0 6px; margin-bottom:1px; background:url(../Images/border.gif) bottom no-repeat; font-family:"ＭＳ 明朝",serif; color:#555; }
#navi h2 a { color:#555; text-decoration:none; }
#navi .cat-item { font-size:12px; color:#555555; line-height:16px; letter-spacing:1px; padding-top:3px; padding-left:13px; background:url(../Images/navi_icon.gif) no-repeat 3px 8px; }
#navi .cat-item a { color:#555; text-decoration:underline; }
#navi .cat-item a:hover { color:#555; text-decoration:none; }
#navi .more { text-align:right; paddint-top:5px; font-size:10px; background:none; }
#navi .address { padding:5px; border:1px #c5c5c5 solid; margin-top:20px; color:#555555; font-size:12px; line-height:16px; background:#f5f5f5; }
#navi .address strong { font-size:12px; line-height:16px; }
#navi .address span { font-size:10px; line-height:12px; }
#navi .address a { color:#555; text-decoration:underline; }
#navi .address a:hover { color:#555; text-decoration:none; }

/*** copyright ***/
#copyright { background-color:#330000; width:750px; margin-top:30px; }
#copyright p { padding:15px 0 15px 10px; font-size:10px; color:#FFFFFF; letter-spacing:1px; }
#copyright a { color:#fff; text-decoration:none; }