@charset "UTF-8";
/*
Theme Name: REDWOODWEB
Theme URI: #
Description: REDWOODWEB̃e[}
Version: beta
Author: Takahiro Takeuchi
Author URI: http://www.crosscontinue.com/
*/

@import "reset.css";
@import "_style.css";

*
{
	margin:0;
	padding:0;
}

a:link    {color:#1C56DC;}
a:visited {color:#1C56DC;}
a:active  {color:#1C56DC;}
a:hover   {color:#1C56DC;}

a.pan:link    {color:#E5D3BB;}
a.pan:visited {color:#E5D3BB;}
a.pan:active  {color:#E5D3BB;}
a.pan:hover   {color:#E5D3BB;}


body {
	font-size: 12px;
	line-height: 140%;
	color: #2D250D;
	margin: 0px;
	padding: 0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	background-image: url(images/bggrad.gif);
	background-attachment: fixed;
}

p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:12px;
	text-align: left;
	color: #CCCCCC;
}

img {
    border: 0px;
}

.clear {clear: both;}

.nvi {
	margin-left:0px;
	margin-right: 0px;
}

.red {
	color:#000000;
	font-weight:bold;
	font-size: 16px;
}

.underline {
    text-decoration:underline;
	font-weight:bold;
}

.small {
    font-size:10px;
}


/* 文字
---------------------------------------------------- */
h1 {
	font-size: 12px;
	height: 16px;
	color: #F1D788;
	text-align: left;
	margin: 10px 0px 0px 5px;
	padding-top: 3px;
}

h2 {
   font-size:16px;
   margin-left:25px;
   color: #E5D3BB;
}
h2 span {
	font-size:12px;
	margin: 0px 0px 0px 10px;
}

 
h3 {
	font-size:14px;
	margin-left:20px;
	margin-top: 10px;
	text-decoration: underline;
	padding-right: 20px;
}


/* レイアウト設定
---------------------------------------------------- */
#shadow {
	background-repeat: repeat-y;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0;
	margin-bottom:0;
	background-image: url(images/shadow2.jpg);
}

#wraper {
	height: auto;
	width: 850px;
	margin-right: auto;
	margin-left: auto; 
	text-align: left;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	background-position: bottom;
}

#header {
	height: 300px;
	width: 791px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#rogo {
	width: 300px;
	float: left;
	margin-left: 15px;
	height: 60px;
	margin-top: 5px;
}
#rogo a {
	display:block;
	height: 60px;
	width: 300px;
	text-indent: -9999px;
}
#rogo a:hover {
	background-position:right;
}

#main_img {
	margin:auto;
	width: 850px;
	background-image: url(images/mainflash.swf);
	height: 280px;
	clear: both;
}

.main_p {
	font-size:14px;
	font-weight: bold;
}

#main_contents {
	height: auto;
	width: 850px;
	padding: 0;
	margin: 0px 0px 0px 0px;
	clear: both;
}

#left {
	width:220px;
	float:left;
	margin-top: 15px;
	height: auto;
	margin-left: 0px;
}

*html div#right { /*IE6用のハック*/
	width:610px;
	margin-top: 8px;
	height: auto;
	float: right;
	margin-left: 0px;
	margin-right: 0px; /*通常指定の1／2で指定*/
}



#right {
	width:610px;
	margin-top: 15px;
	height: auto;
	float: right;
	margin-left: auto;
	margin-right: 0px;
}

#center {
	width:850px;
	margin-top: 20px;
	height: auto;
	float: right;
	margin-left: auto;
	margin-right: 0px;
}



/* グローバルナビ設定
---------------------------------------------------- */
#g {
	background:#FFFFFF;
	width:510px;
	clear: both;
	height: 34px;
	margin-left: 0px;
	margin-right: 0px;
}

#g_navi {
	width:510px;
	margin-left: 0px;
	margin-right: 0px;
	height: 34px;
	list-style-type: none;
	background-image: url(images/g_navi.jpg);
}

#g_navi li {
    float:left;
	width:102px;
}

#g_navi li a {
    display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 34px;
	padding-top: 34px;
	color: #000000;
	background-image:url(images/g_navi.jpg);
}

/*　オフマウス時 */
#nav01 a { background-position: 0      0; }
#nav02 a { background-position: -102px 0; }
#nav03 a { background-position: -204px 0; }
#nav04 a { background-position: -306px 0; }
#nav05 a { background-position: -408px 0; }

/* 選択済み */
#nav01 a.stay { background-position:  0     -34px; }
#nav02 a.stay { background-position: -102x -34px; }
#nav03 a.stay { background-position: -204px -34px; }
#nav04 a.stay { background-position: -306px -34px; }
#nav05 a.stay { background-position: -408px -34px; }


/* オンマウス時 */
#nav01 a:hover { background-position:  0     -34px; }
#nav02 a:hover { background-position: -102px -34px; }
#nav03 a:hover { background-position: -204px -34px; }
#nav04 a:hover { background-position: -306px -34px; }
#nav05 a:hover { background-position: -408px -34px; }


/* パンくず部分
---------------------------------------------------- */


#pankuzu {
	width:850px;
	clear: both;
	height: 28px;
	padding:10px 0px 0px 0px;
}

.pankuzu_word {
	width:590px;
	color:#E5D3BB;
	font-weight:500;
	font-size: 14px;
	text-align: left;
	line-height: 1.0em;
	clear: both;
	padding:0px;
}

	
	
/* 会社概要
---------------------------------------------------- */


#companydata {
	background:#C6C6B4;
	width:850px;
	clear: both;
	height: 250px;
	padding:0px;
}

#companydata #companydata_topics {
	list-style:none;
	width:800px;
	height:125px;
	margin:0;
	padding:5px;
	}
	
#companydata #companydata_topics li {
	list-style:none;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 5px;
	color:#666666;
	font-size:12px;
	}

#companydata #companydata_topics li dl {
	width:780px;
	border-bottom:1px dotted #cccccc;
}

#companydata #companydata_topics li dl dt {
	display:block;
	float:left;
	width:18%;
	margin:8px 5px 0 5px;
	font-size:14px;
	text-align:left;
	}
#companydata #companydata_topics li dl dd {
	float:left;
	margin:8px 5px 0 5px;
	font-size:14px;
	padding:0;
	}
	

	
/* 会社沿革
---------------------------------------------------- */


#history {
	background:#C6C6B4;
	width:850px;
	clear: both;
	height: 350px;
	padding:0px;
}

#history #history_topics {
	list-style:none;
	width:600px;
	height:125px;
	margin:0;
	padding:5px;
	}
	
#history #history_topics li {
	list-style:none;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 5px;
	color:#666666;
	font-size:12px;
	}

#history #history_topics li dl {
	width:780px;
	border-bottom:1px dotted #cccccc;
}

#history #history_topics li dl dt {
	display:block;
	float:left;
	width:12%;
	margin:8px 5px 5px 10px;
	font-size:14px;
	text-align:left;
	}

#history #history_topics li dl dd {
	float:left;
	margin:8px 5px 5px 5px;
	font-size:14px;
	padding:0;
	}


/* 店舗案内
---------------------------------------------------- */


#storeinfo {
	width:339px;
	height: auto;
	background-repeat:no-repeat;
	margin-top: 0px;
	padding-bottom: 3px;
	padding-left: 12px;
}

.storeinfoa {
	color:#C6C6B4;
	font-weight: bolder;
	font-size: 14px;
	text-align: left;
	clear: both;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.storeinfob {
	color:#C6C6B4;
	font-size: 17px;
	text-align: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
}

.storeinfoc {
	color:#C6C6B4;
	font-size: 13px;
	text-align: left;
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
}


	
/* リンク
---------------------------------------------------- */


#mutuallink {
	background:#C6C6B4;
	width:850px;
	clear: both;
	height: 760px;
	padding:0px;
}

#mutuallink #mutuallink_topics {
	list-style:none;
	width:800px;
	height: 760px;
	margin:0;
	padding:5px;
	}
	
#mutuallink #mutuallink_topics li {
	list-style:none;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 5px;
	color:#666666;
	font-size:12px;
	}

#mutuallink #mutuallink_topics li dl {
	width:780px;
	border-bottom:1px dotted #cccccc;
}

#mutuallink #mutuallink_topics li dl dt {
	display:block;
	float:left;
	margin:8px 5px 0px 10px;
	width:100%;
	font-size:14px;
	text-align:left;
	}

#mutuallink #mutuallink_topics li dl dd {
	float:left;
	margin:5px 5px 0px 15px;
	font-size:13px;
	padding-bottom: 5px;
	}



/* トップページ窓
---------------------------------------------------- */



#content1 {
	width:610px;
	height: auto;
	background-image: url(images/thinbar.jpg);
	background-repeat:no-repeat;
	margin-top: 0px;
}

.content2a {
	color:#003366;
	font-weight: bolder;
	width: 525px;
	font-size: 16px;
	text-align: left;
	clear: both;
	padding-top: 150px;
	padding-left: 10px;
	padding-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
}

.content2b {
	color:#333333;
	width: 525px;
	font-size: 14px;
	text-align: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
}

.content2c {
	color:#333333;
	width: 525px;
	font-size: 13px;
	text-align: left;
	line-height: 1.3em;
	clear: both;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
}

.content2d {
	color:#003366;
	font-weight: bolder;
	width: 525px;
	font-size: 16px;
	text-align: left;
	line-height: 1.3em;
	clear: both;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
}

.menuword {
	color:#E5D3BB;
	font-size: 15px;
	text-align: left;
	line-height: 1.3em;
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 110px;
	margin-right: auto;
}

.menuword2 {
	color:#E5D3BB;
	font-size: 15px;
	text-align: left;
	line-height: 1.3em;
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 130px;
	margin-right: auto;
}

#concept {
	width:610px;
	height: auto;
	background-image: url(images/bg_concept2.jpg);
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-bottom: 18px;
}

.conceptword {
	width:590px;
	color:#E5D3BB;
	font-weight:600;
	font-size: 13px;
	text-align: left;
	line-height: 1.3em;
	clear: both;
	padding:8px 10px 8px 10px;
}


/* ブランド
---------------------------------------------------- */



#brand1 {
	margin:auto;
	width: 220px;
	background-image: url(images/brand/wrangler.gif);
	height: 160px;
	clear: both;
}

#brand2 {
	margin:auto;
	width: 220px;
	background-image: url(images/brand/redwoodorg.gif);
	height: 160px;
	clear: both;
}




/* フッター設定
---------------------------------------------------- */
#footer {
	height: 80px;
	width: 850px;
	float: none;
	margin-top: 40px;
	font-weight: bolder;
	border-top: solid 1px #2F2406;
	clear: both;
}

#footer #Footerlink {
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	margin-top: 18px;
}
#footer #Footerlink li {
	float: left;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	padding-right: 5px;
	padding-left: 5px;
}
#footer #Footerlink ul {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffFF;
	margin-left: 220px;
	color:#0066FF;
}

#footer #copy {
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	font-size: 12px;
	color:#F1D788;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#footer #Footerlink a {
    color:#CCCCCC;
	font-weight:100;
}

#footer #Footerlink a:hover  {
    color:#00FFFF;
}

.tophr {
	width:750px;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	border: 0;
}

