@charset "utf-8";

/**************************
BASE（ページ全体の構成）
***************************/

* { margin: 0; padding: 0;}

html { width: 100%; height: 100%; background: url(/2008images/bg.gif) repeat-x; }


body { width: 884px; height: 100%; text-align: center; margin: 0 auto ; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, Arial, Helvetica, sans-serif; color: #333333; background: url(/2008images/wrap_shadow.gif) repeat-y 100%; font-size: 12px; position: relative; }

/* test----------------------------------
body { width: 884px; height: 100%; text-align: center; margin: 0 auto ; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, Arial, Helvetica, sans-serif; color: #333333; background: url(/2008images/wrap_shadow.gif) repeat-y ; font-size: 12px; position: relative; }
----------------------------------------- */

img { border: none; }
p { line-height: 1.3; }

a:link { text-decoration: underline; color: #996633; }
a:visited { text-decoration: underline; color: #996633; }
a:hover { text-decoration: underline; color: #E10915; }

/**************************
共有CLASS
***************************/

.mp0 { margin: 0; padding: 0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(/2008images/bg_cont_top_m.jpg)!important;
	background-repeat: repeat-y;
	height: 100%;
}

.ac:after {
	content: "";
	display: block;
	clear: both;
}

.arrowLink { margin: 0 4px 0 0; vertical-align: middle; }
p.arrowLink { text-align: right; }
p.arrowLink_01 { margin-right: 5px; text-align: right; }
p.arrowLink_02 { margin-right: 10px; text-align: right; }
p.arrowLink_03 { margin-right: 15px; text-align: right; }
p.arrowLink_04 { margin-right: 20px; text-align: right; }

.fl { float: left; }
.fr { float: right; }

/* --- font set --- */
.txtM { font-size: 11px; }


/* --- clearfix ver=NEW --- */
.cf:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.cf{display: inline-block;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}

.cb { clear: both; }
.cb2 { clear: both; display: block; line-height: 0; height: 0; }

/* --- margin set --- */
.mt5 {
	margin-top: 5px;
	text-align: left;
}

.mt7 { margin-top: 7px; }
.mt10 { margin-top: 10px; }

.mb3 { margin-bottom: 3px; }

.ml2 { margin-left: 2px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml6 { margin-left: 6px; }
.ml10 { margin-left: 10px; }
.ml13 { margin-left: 13px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }

.mlr10 { margin: 0 10px; }

.p2 { padding: 2px; }
.pt5 { padding-top: 5px; }

/* --- image border set --- */
.d2 { border: solid 2px #DDDDDD; }

/**************************
LAYOUT ID
***************************/

/* WRAP */
#wrap { width: 889px; text-align: left; background: url(/2008images/wrap_shadow.gif) repeat-y; position: relative; }
#wrap2 { width: 875px; min-height: 600px; margin: 0 auto; }

/* HEADER */
#header {
	padding: 0 10px;
/*	background: url(/2008images/bg_header.gif) no-repeat; */
}

#headerBox1 { width: 500px; margin-top: 10px; float: left; }
#headerPhotoBox { width: 188px; margin: 27px 0 0 8px; float: left; }
#headerPhotoL { float: left; }
#headerPhotoR { float: right; }
#headerLogoMain { margin: 20px 5px 0 0; float: right; }

/* GLOBAL MENU */
#gbMenu {
	padding: 16px 0 25px 11px;
	background: url(/2008images/bg_gbmenu.jpg) no-repeat;
}

#gbMenu ul { list-style-type: none; }
#gbMenu ul li {
	display: inline;
	float: left;
}

#gbMenu img {
	margin-bottom: 10px;
}

/* MAIN CONTENTS AREA */
#mainAreaL {
	width: 620px;
	float: left;
}

#mainAreaR { width: 250px; float: right;}
#mainAreaR h2{
/*	font-family: "HGPｺﾞｼｯｸE","HiraKakuStd-W8","ヒラギノ角ゴ Std W8","平成角ゴシック体",sans-serif;
	font-size: 14px;
	font-weight: normal;*/
	font-weight: bold;
	font-size: 13px;
	color: #DD0000 !important;
	width: 220px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	border-bottom: 2px dotted #666666;
}

#mainAreaAll { width: 870px; }

/* FOOTER TEST---------------------
#footer { height: 158px; margin-bottom: 40px; background: url(/2008images/bg_footer.gif) no-repeat; }
#footerLogoArea { width: 250px; margin: 52px 0 0 10px; float: left; }
#footerTxtArea { width: 500px; margin: 80px 15px 0 0; float: right; text-align: right; }
*html #footerTxtArea { margin-bottom: 80px; }
*:first-child+html #footerTxtArea { margin-bottom: 80px; }
------------------------------------ */

/* FOOTER */
#footer { height: 140px; padding: 0; background: url(/2008images/bg_footer.gif) no-repeat; }
#footerLogoArea { width: 250px; margin: 52px 0 0 10px; float: left; }
#footerTxtArea { width: 500px; margin: 80px 15px 0 0; float: right; text-align: right; }

#footer a:link { color: #333333; text-decoration: underline; }
#footer a:visited { color: #333333; text-decoration: underline; }
#footer a:hover { color: #E10915; text-decoration: underline; }

/* UnderArea */
#underArea { height: 15px; background: url(/2008images/wrap_shadow.gif) repeat-y; }
 
/**************************
CONTENTS ID CLASS
***************************/

/* TOP MAIN VISUAL */
#topMainVisual { margin-left: 10px; }

/* TOP DRIVE BOX */
#topDriveBox { margin: 2px 0 0 7px; background: url(/2008images/bg_top_drive_01.gif) no-repeat; }
#topDriveBox2 {
	background: url(/2008images/bg_top_drive_02.gif) bottom;
	padding-bottom: 15px;
}

.topInDrive_gb { width: 368px; margin-left: 8px; background-color: #EEEEEE; position: relative; }
.topInDrive_wb { width: 368px; margin-left: 8px; background-color: #FFFFFF; position: relative; }
.topDrivePhoto { padding: 5px ; float: left; }
.topDriveLogo { position: absolute; top: 55px; left: 270px; }

/* TOP BLOG BOX */
#topBlogBox { margin: 2px 0 0 1px; }
#topBlogBox2 {
	background: url(/2008images/bg_top_blog_02.gif) bottom;
	padding-bottom: 16px;
/*	height: 250px;*/
	width: 218px;
}
#topInBlog {
	width: 190px;
	margin: 0 0 0 13px;
/*	background: url(/2008images/bg_blog.gif) right bottom no-repeat;*/
}
.topBlogImage {
	float: right;
	margin: 0 18px 0 5px;
}

/* TOP NEWS BOX */
#topNewsBox { margin: 2px 0 0 7px; }
#topNewsBox2 { background: url(/2008images/bg_top_news_02.gif) bottom; padding-bottom: 16px; margin-top:-5px; }
#topInNews { margin: 0 0 0 11px; }

.topInNewsTit { padding: 5px 0 5px 12px; }
.topInNews_wb { width: 184px; padding: 3px 5px; background-color: #FFFFFF; }
.topInNews_gb { width: 184px; padding: 3px 5px; background-color: #EEEEEE; }

/* TOP TOPICS BOX */
#topTopicsBox { margin: 2px 0 0 2px; }
#topTopicsBox2 { background: url(/2008images/bg_top_topics_02.gif) bottom; padding-bottom: 16px; margin-top:-5px; }
#topInTopics{ width: 368px; margin: 0 0 0 8px; }

.topInTopics_wb { background-color: #FFFFFF; }
.topInTopics_gb { background-color: #EEEEEE; }
.topInTopicsTit { padding: 5px 0 5px 8px; }
.topTopicsPhoto { padding: 3px 5px 3px 3px; float: left; }

/* TOP RIGHT CAR BOX */
#rightCarBox { padding: 6px 0 10px 6px; background: url(/2008images/bg_rightcarbox.gif) no-repeat; }
*html #rightCarBox { height: 140px; padding-bottom: 0; margin-bottom: -10px; }

/* MAIN RIGHT AREA BOX  */
.rightBox { width: 241px; margin: 8px 0 0 0; }
.rightBox2 {width: 241px; background: url(/2008images/bg_rightbox_02.gif) bottom; padding-bottom: 15px; margin-top: -5px; }
.InRightBox { margin: 5px 10px 0 10px; }

.rightWallBox { width: 208px; margin: 5px 0 0 7px; padding: 4px 0; background-color: #EEEEEE; text-align: center; }
.rightWallPhoto { margin: 0 0 2px 0; }
.rightWallPhoto2 { margin-right: 2px; }

.qpBox { text-align: left; margin-top: 15px; }


.qrImg {
	text-align: center;
	align: center;
 	border: 1px solid #333333;
}

.prBox { text-align: center; margin-top: 15px; }


.top_link {
	margin: 3px 10px 3px 3px;
	padding: 5px;
	font-size: 12px;
	text-align: right;
}

/* for making RSS feed */
.rss_item {
	padding-top: 5px;
}

.rss_date {
	font-size: 11px;
}