@charset "UTF-8";

/* 1: Base Style Setting
-----------------------------------------------------------------------------*/

/* Reset
==========================================================*/
html,body,div,ul,ol,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,pre,form,p,
blockquote,fieldset,input
{
	margin: 0;
	padding: 0;
}
* html ul, * html ol, * html p{ zoom:1; }/*IE6 Hack and hasLayout  for IE*/

h1,h2,h3,h4,h5,h6,pre,code,address,
caption,cite,code,em,strong,th
{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
ul,ol
{
	list-style: none;
}
fieldset,img
{
	border: none;
}
caption,th
{
	text-align:left;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
	font-size:1em;
}
th, td{
	vertical-align:top;
}
br
{
	letter-spacing:normal;
}


/* Base Setting
==========================================================*/
/* LAYOUT */

body
{
	margin:0;
	padding: 0;
	font-family:"メイリオ", meiryo, Verdana, Arial, sans-serif;
	letter-spacing:1px;
	font-size:12px;
	line-height:150%;
	text-align:center;
	background:url(../images/body_repeatimg.jpg) left top;
}
	 
a       { color:#000; text-decoration: underline; }
a:hover { color:#999; text-decoration:none; }

img
{
	-ms-interpolation-mode: bicubic;
} 

.h2_0box	{ width:665px; height:69px; position:relative; background:url(../images/h2_0.gif) 3px top no-repeat;}
.h2_1box	{ width:665px; height:69px; position:relative; background:url(../images/h2_1.gif) 3px top no-repeat;}
.h2_2box	{ width:665px; height:69px; position:relative; background:url(../images/h2_2.gif) 3px top no-repeat;}
.h2_3box	{ width:665px; height:69px; position:relative; background:url(../images/h2_3.gif) 3px top no-repeat;}
.h2_4box	{ width:665px; height:69px; position:relative; background:url(../images/h2_4.gif) 3px top no-repeat;}
.h2_5box	{ width:665px; height:69px; position:relative; background:url(../images/h2_5.gif) 3px top no-repeat;}
.h2_6box	{ width:665px; height:69px; position:relative; background:url(../images/h2_6.gif) 3px top no-repeat;}
.h2_7box	{ width:665px; height:69px; position:relative; background:url(../images/h2_7.gif) 3px top no-repeat;}
.h2_freebox	{
	width:665px;
	height:69px;
	position:relative;
	background:url(../images/h2_free.gif) 3px top no-repeat;
}

h2
{
	padding:25px 0 0 90px;
	color:#754C24;
	font-size:18px;
	font-weight:bold;
}

.h2_linkblock
{
	position:absolute;
	top:14px;
	left:470px;
}
.h2_linkblock2
{
	position:absolute;
	top:14px;
	left:500px;
}

h2 span.h2_firstLet { display:block; float:left; padding:0 5px 0 0; font-size:30px; color:#c00;}

h1 .brand {
	color: #600;
	font-size: 28px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	position: relative;
	top: -45px;
	line-height: 40px;
}

h1 .brand2 {
	color: #600;
	font-size: 28px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	position: relative;
	line-height: 40px;
}

/* 2: Layout Setting
---------------------------------------------------------------------------------*/

/* main-layout
==========================================================*/
/*#toph1*/
#toph1
{
	width:941px;
	margin:0px auto;
	padding:3px 10px 0px 5px;
	text-align: left;
}
#toph1 h1{
display:block;
font-size:11px;
width:800px;
color:#333;
font-weight:normal;
padding: 3px 0px 3px 5px;
float:left;
}
#toph1 ul{
float:right;
width:75px;
text-align:right;
}
#toph1 ul a{
color:#333333;
font-size:11px;
}
.cbox { 
zoom: 100%;
}

.cbox:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}


/*#container*/
#toppages
{
	width:941px;
	margin: 0 auto;
}
#wrapper {}


/* header
==========================================================*/
#headWrap{}
#header
{
	width:941px;
	height:352px;
	background:url(../images/main.jpg) left top no-repeat;
	position:relative;
}

#header .logo
{
	position:absolute;
	left:50px;
	top:7px;	
}


/* menu
==========================================================*/

div#menu
{
	clear:both;
	text-align:left;
}
div#menu ul
{
	padding:0;
	position:relative;
}
div#menu li
{
	list-style-type:none;
}

div#menu li.menu1 { position:absolute; top:-200px; left:70px;}
div#menu li.menu2 { position:absolute; top:-200px; left:300px;}
div#menu li.menu3 { position:absolute; top:-200px; left:467px;}
div#menu li.menu4 { position:absolute; top:-200px; left:560px;}
div#menu li.menu5 { position:absolute; top:-200px; left:705px;}

div#menu li a
{
	line-height:60px;
	overflow:hidden;
	outline:none;
}


/* pankuzu
==========================================================*/
ul.pankuzunav
{
	margin:10px;
	color:#999;
	font-size:11px;
}

ul.pankuzunav li
{
	display:inline;
	padding-right:3px;
}
ul.pankuzunav li a       { color:#999;}
ul.pankuzunav li a:hover { color:#333;}


/* content
==========================================================*/
#content
{
	clear:both;
	padding:0 29px 0 35px;
	background:url(../images/contents_bgimg.jpg) left top repeat-y;
	height:300px;
}

#wrapper > #content
{
	height:auto;
	min-height:300px;
}

#LeftContent
{
	float:left;
	width:670px;
	text-align:left;
}

.ContentAreaBlock
{
	width:665px;
	margin:10px 0 20px;
	padding-top:4px;
	border:solid 1px #B3B3B3;
}

p.index_showbrand
{
	padding:10px;
	text-align:right;
}
div.brand_leftblock
{
	float:left;
	width:300px;
	margin-left:15px;
}
div.brand_rightblock
{
	float:left;
	width:300px;
}
div.brand_div
{
	padding-left:30px;
}
div.brand_div div.brand_nameBox
{
	background:url(../images/kougakukaitori.gif) left top no-repeat;
}
div.brand_div p.brand_name
{
	padding:50px 0 0px;
	font-size:15px;
	font-weight:bold;
}
div.brand_div div.brand_nameBox img
{
	float:right;
}
div.brand_div div.brand_list
{
	padding-bottom:15px;
	background:url(../images/brand_line.gif) -15px top no-repeat;
}
div.brand_div div.brand_list ul li
{
	padding:5px 0px;
	background:url(../images/brand_line.gif) -15px bottom no-repeat;
}

#RightContent
{
	float:right;
	width:182px;
}
#RightContent div.greenblock
{
	width:182px;
	background:url(../images/sidebody_bgimg.gif) left top repeat-y;
}
#RightContent div.greenblock img
{
	margin:20px 0 0;
}

.rightcont_posibox
{
	margin:50px 20px 50px 0;
	text-align:center;
}


/* footer
==========================================================*/
#footercontainer
{
	clear:both;
	width:941px;
	height:247px;
	background:url(../images/bottom_bgimg.jpg) left top no-repeat;
}
#footer
{
	padding:35px;
}
.footermenu li
{
	padding:2px 2px 2px 0;
	float:left;
	line-height:12px;
	font-size:11px;
/*	border-right:solid 1px #000;*/
}
.footermenu li a       { color:#000; text-decoration:none;}
.footermenu li a:hover { color:#666; text-decoration:underline;}

.footer_telimg
{
	float:left;
}

dl.footer_about
{
	float:left;
	margin:60px 50px 0;
	text-align:left;
	font-size:14px;
}
dl.footer_about dt
{
	font-weight:bold;
}

.copyright
{
	clear:both;
	margin-top:0px;
	padding:13px;
	font-size:10px;
	text-align:center;
}
.copyright a{ color:#000;}



/* 3: Option
------------------------------------------------------------------*/

/* CSS hover
==========================================================*/
.hoverset a:hover img
{
	opacity:0.6;-moz-opacity:0.6;
	filter: alpha(opacity=60);
}


/* Font Setting
==========================================================*/
/*
.t-h1{background:url(../images/title/h1_.gif) no-repeat; width:330px; height:41px;text-indent:-999em;}
.MgH1{ margin-bottom:15px;}
.H1titlebox{ position:relative; }
.H1title{ position : absolute;z-index:100;top :-1em;text-indent:-99999px;}
.meiryo {font-family:"メイリオ", meiryo, Verdana, Arial, sans-serif;}
*/

.font-red { color:#A81B04;}

/* option
==========================================================*/
/* img */
/*
img.img-left   { float: left; margin:0 10px 10px 0; }
img.img-right  { float: right; margin:0 0 10px 10px; }
img.img-border { padding:2px; border:1px solid #ccc; }
*/

/* font-size */
/*
.font-size-large   { font-size:16px; font-weight:normal; }
.font-size-nomal   { font-size:12px; font-weight:normal; }
.font-size-small   { font-size:10px; font-weight:normal; }
.letter-spacing-normal { letter-spacing:normal;}
*/

/***********************************************/
/*  layout                                  */
/***********************************************/

.txt-center  { text-align:center; }
.txt-right   { text-align:right; }
.MgTop20 { margin-top:20px;}
.Mgbtm20 { margin-bottom:20px;}
.float-right { float:right;}
.float-left  { float: left; }
.txt-left    { text-align:left; }
/*
.Mgbtm10 { margin-bottom:10px;}
.Mgbtm20 { margin-bottom:20px;}
.Mgbtm40 { margin-bottom:40px;}
*/

.inner10 {padding:10px; line-height:1.7;}
.inner15 {padding:15px; line-height:1.7;}

.txt-indent30 {padding-left:30px;}

.clear { clear:both; margin:0; padding:0; }
.lineclear   { margin:0; padding:0; clear:both; }		
.lineclear hr{ display:none; }
/*
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.hide { display:none; }
.lineclear   { margin:0; padding:0; clear:both; }		
.lineclear hr{ display:none; }
*/

/* atom
==========================================================*/
.rss-box{
	width: 638px;
	border: 5px double #900;
	padding: 10px 10px 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
}
.rss-box a{
	color: #900;
}
.rss-box a:hover{
	color: #966;
}
.rss-box h2{
	padding: 0px;
	margin: 5px 0 15px;
	font-size: 16px;
}
.rss-box strong{
	font-weight: 600;
}
.rss-box .item{
	margin-bottom: 15px;
}
.rss-items {
	line-height: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	margin: 0px;
}
.rss-title{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	margin: 0px;
}
.rss-date{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 30px;
	margin: 0px;
	position: relative;
	left: 20px;
	color: #696;
}
