@charset "utf-8";


@import url("parts.css");


/***************************
　　　タグ再定義
***************************/
html,body{margin:0;padding:0; /*overflow-x:hidden;*/}
body{ font-size:72.5%; background:#fff; margin:0; padding:0; color:#333; text-align:center;　font-family:Arial, Helvetica, sans-serif;}

img {border:0; vertical-align:bottom; }

h1, h2, h3, h4, h5 { margin:0; padding:0; }
td, th { text-align:left; vertical-align:top;}
li { list-style-type:none;}
label {	margin-right:1em;}
select,input { margin-bottom:3px;}
input{	line-height:normal;}
.bold { font-weight:bold;}

a { color: #AF1E00; text-decoration: underline;}

a:hover , a:active { color: #9A906C; text-decoration: none;}


em { font-size:12px; color:#f00; font-style:normal; }


/***************
 
 Common Styles
 
****************/

#container { margin:0 auto; padding:0; width:810px; background:url(../../imgdir/common/bg_all.gif) repeat-y center top; }
#wrapper { margin:0 auto; padding:0; width:800px; font-size:1.1em; text-align:left; line-height:1.4; }



h1 { margin:0; padding:4px; background:#242424; font-size:0.85em; color:#FFF; text-align:left;}


/***************
 
 Promotion-Content Styles
 
****************/
#promotion-content { margin:0; padding:0; background:url(../../imgdir/top/image_main.jpg) no-repeat; position:relative; height:165px; }
#promotion-content h2{ position:absolute; top:52px; left:200px; }

#promotion-content #header-menu ul { width:250px;
	margin:0;
	padding:0;
	position:absolute;
	top:5px;
	right:-30px;

}
#promotion-content #header-menu ul li { margin:0; padding:0 1em; float:left; border-left:1px solid #FFF; font-size:0.8em; }
#promotion-content #header-menu ul li a { color:#fff; text-decoration:none; }
#promotion-content #header-menu ul li a:hover { text-decoration:underline; }



/*2nd*/
#promotion-content-2nd { margin:0; padding:0; background:url(../../imgdir/top/image_main.jpg) no-repeat; position:relative; height:165px; }
#promotion-content-2nd h2{ position:absolute; top:53px; left:200px; }

#promotion-content-2nd #header-menu ul {width:250px;
	margin:0;
	padding:0;
	position:absolute;
	top:5px;
	right:-30px;
}
#promotion-content-2nd #header-menu ul li { margin:0; padding:0 1em; float:left; border-left:1px solid #FFF; font-size:0.8em; }
#promotion-content-2nd #header-menu ul li a { color:#fff; text-decoration:none; }
#promotion-content-2nd #header-menu ul li a:hover { text-decoration:underline; }



/***************
 
 Page-Body Styles
 
****************/
#page-body { margin:0; padding:15px 0 0 0; background:url(../../imgdir/common/image_shadow.gif) repeat-x left top; }


/*** page-body components styles ***/
#left-bar { margin:0; padding:0; width:210px; }
#main-content { margin:0 0px 0 0 15px; padding:0; width:575px; }

/*ハック開始*/
#content-body { background:url(../../imgdir/common/image_content_bg.gif) repeat-y; display:inline-table; min-height:1em; }
#content-body:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html #content-body{ height:1em;}
#content-body { display:block; }
/**/

/*ハック終了*/


/***************
 
 Left-Bar Styles
 
****************/

#left-bar dl { margin:0 0 10px 0; padding:0; }
#left-bar dl dt { margin:0px 0 0px 0; padding:10px 0 0 0px; text-align:left; font-weight:bold; background:url(../../imgdir/navigation/image_nav_bg01.gif); width:210px; height:25px; color:#FFFFFF; text-indent:20px }
#left-bar dl dd { margin:0; padding:0;}
#left-bar dd a{ line-height:1.1em; margin:0; padding:10px 0 0 35px; width:175px; height:24px; display:block; background:url(../../imgdir/navigation/image_nav_bg02.gif) no-repeat; color:#FFFFFF;  }
#left-bar dd a:hover { background:url(../../imgdir/navigation/image_nav_bg02.gif) no-repeat 0 -35px; color:#FFFFFF; }

#left-bar .banner { margin:0; }


/***************
 
 Main-Content Styles
 
****************/

/*ハック開始*/
#main-content .module { margin:0 0 1em 0; clear:both; display:inline-table; min-height:1em; }
#main-content .module:after { content:""; display:block; clear:both; height:1px;}

/*\*/
* html #main-content .module{ height:1em;}
#main-content .module { display:block; }
/**/

/*ハック終了*/

#main-content .module p { margin:1em; }
#main-content .module img.left { margin:0 1em 0 0; }
#main-content .module img.right { margin:0 1em 0 1em; }



#main-content #recommend  { }
#main-content #recommend .parts { margin:0 1em 1em 1em; padding:0; float:left; display:inline; width:260px; }
#main-content #recommend .parts h4 { margin:0 0 1em 0; padding:0 0 0.5em 0; border-bottom:1px solid #C5AB8B; font-size:1em; font-weight:normal; }
#main-content #recommend .parts p { text-align:justify; text-justify:inter-ideograph; }
#main-content #recommend .parts p.more-info { margin:0; padding:0; text-align:right; }
#main-content #recommend .parts img { margin:0 1em 0 0; }


/***************
 
 Footer Styles
 
****************/
#footer { margin:1px 0 0 0; padding:0; background:url(../../imgdir/footer/image_foot_bg.gif) no-repeat; height:125px; position:relative; }
#footer p { margin:0; padding:0; font-size:0.9em; color:#FFFFFF; position:absolute; right:10px; bottom:10px;  }






/* 3-3-3-2. Entry Info
-----------------------------*/

div.entry ul.info { margin:0.4em 0 0.2em 0; }
div.entry ul.info li { margin: 0.1em 0.5em 0.1em 0; display: inline; font-size: 85%; color: #FFC379; }
div.entry ul.info li a { color:#B4A288; }

div.entry p { margin:1em; line-height:1.8; font-size:1em; }
div.entry p.entry-footer { margin:0; padding:0; border-top:1px solid #ccc; text-align:right;   }
div.entry p.entry-footer a { color:#B4A288; }


.b { font-weight: bold; } /* 太字 */
.b16 { font-weight: bold;
font-size:16px } /* 太字 */
.br { color: #dc0000; font-weight: bold; } /* 赤・太字 */
.bb { color: #336699; font-weight: bold; } /* 赤・太字 */

.line { background: #ffff00; }/* 背景マーカー処理 */
.u { border-bottom: 1px solid ; } /* アンダーライン */


/* 文字色 */

.red { color: #cc0000; } /* 赤 */ 
.blue { color: #003399; } /* 青 */ 
.green { color: #339900; } /* 緑 */ 
.orange { color: #ff9900; } /* オレンジ */ 

#bt {
 padding: 20px 131px 20px 131px;
 clear  :both;
 }

#bt a {
 display: block;
 color: #777777;
 width: 358px;
 height: 50px;
 text-indent: -800px;
 overflow: hidden;
 background: url(../img/bt.jpg)no-repeat;
 }

#bt a:hover {
 background-position: 0 -55px;
 }

.underline { text-decoration: underline; 
}

.bred { 
color: #cc0000;
font-weight: bold;
padding: 5px 10px 5px 10px;
font-size:14px;
 } /* 赤 */ 
 
.bred2 { 
color: #ffffff;
background-color:#CC0000;
font-weight: bold;
padding: 5px 10px 5px 10px;
font-size:14px;
 } /* 赤 */