@charset "utf-8";

/*----------------------------------------------------------
RESET
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 12px;
	word-break: break-all;
}
body {
	line-height: 1;
	background-color: #FFF;
	/*background-color: #FFF8E5;
	background-image: url(../common/body_bg.gif);*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
:focus {
	outline: 0;
}
 
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
table {
	border-collapse: collapse;
	border-spacing: 0;
}

tr, th, td{
	text-align: left;
	vertical-align: top;	
}



/*テキストエリアのサイズ変更を縦のみにする*/
textarea {
    resize: vertical;
}



.ja{
ime-mode:active;
}
.en{
ime-mode:disabled;
}

html,body {
	height: 100%;
	margin: 0;
}


/*----------------------------------------------------------
CLEARFIX
----------------------------------------------------------*/

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*----------------------------------------------------------
All
----------------------------------------------------------*/

html { 
	/*background: url(common/big_back.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #b6eafb;*/
}
		
body{
	color:#444444;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	/*background-color: #F2FCFF;	b6eafb
	background-image: url(common/xf2515040804l.jpg);
	background-repeat: no-repeat;*/
}
#dummy{
    border:0px;
    width:0px;
    height:0px;
}



/*----------------------------------------------------------
header
----------------------------------------------------------*/

#header h1{
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	top: 32px;
	left: 226px;
	line-height: 17px;
	color: #774B32;
}

#header_base{
	background-color: #FFF;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 106px;
	background-image: url(../common/header_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#header{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 85px;
}

#header .logo{
	position: absolute;
	top: 19px;
	left: 0px;
}

#header .header_right{
	position: absolute;
	top: 9px;
	right: 0px;
}

#top_navi_base{
	height: 40px;
	background-image: url(../common/top_navi_back2.gif);
	background-repeat: repeat-x;
}

#top_navi{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#top_navi ul{
	line-height:0;
}

#top_navi ul li{
	float: left;	
}
#top_navi ul li.kei{
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #82634A;
}


/*----------------------------------------------------------
clearfixでwrapperに高さを出す
----------------------------------------------------------*/
/* 全体をセンタリング */
body{
	font-size:12px;
	margin :0 auto;
}

/* clearfixでwrapperに高さを出す */
div.contents-wrapper{
	/zoom : 1;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
div.contents-wrapper:after{
	content : '';
	display : block;
	clear : both;
}






/* leftナビゲーション */
div.left_navi_contents-wrapper{
	margin-right : -185px;
	float : left;
	width : 185px;
	position : relative;
	z-index:1;
	margin-top: 15px;
	
}
/* extを%指定可変幅 */
div.ext-contents-wrapper{
	float : right;
	width : 185px;
	position : relative;
	z-index:1;
	margin-top: 15px;
	
}



/* メインコンテンツを可変幅 */
div.main-contents-wrapper{
	float : left;
	width:780px;
	position : relative;
	margin-bottom: 50px;
}
div.main-contents{
	margin-left : 200px;
	margin-right : 15px;
	width : 580px;
	margin-top: 15px;
}


#side_navi,
#sub{
	background-color: #FFF;
	padding: 1px;
	border: 1px solid #9A775B;
	margin-bottom: 50px;
}


/*----------------------------------------------------------
side_navi　ログイン
----------------------------------------------------------*/
#side_navi .login{
	border: 5px solid #774B32;
	padding: 1px;
	margin-bottom: 2px;	
}
#side_navi .login div{
	padding-left: 11px;	
}
#side_navi .login p img{
	margin-bottom: 13px;
}
#side_navi .login ul{
	padding-bottom: 10px;
	padding-left: 10px;	
}
#side_navi .login ul li{
	background-image: url(common/li1.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 0px 2px;
	margin-bottom: 10px;
}
#side_navi .login ul li:last-child {
	margin-bottom: 0px;
}

#side_navi .login ul li a{
	color:#444444;
}
#side_navi .login ul li a:hover{
	color:#F90;
}
/*----------------------------------------------------------
side_navi　現在の納期
----------------------------------------------------------*/

#side_navi .nouki div{
	padding: 13px;
	margin-bottom: 10px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #774B32;
	border-right-color: #774B32;
	border-bottom-color: #774B32;
	border-left-color: #774B32;
}
#side_navi .nouki div ul li{
	background-image: url(common/li1.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 0px 2px;
}
#side_navi .nouki div ul li a{
	color:#444444;
}
#side_navi .nouki div ul li a:hover{
	color:#F90;
}
#side_navi .nouki div p{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}
#side_navi .nouki div p span{
	color:#C23733;
}
#side_navi .nouki div p span span{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 24px;	
}

/*----------------------------------------------------------
side_navi　ナビゲーション
----------------------------------------------------------*/
#side_navi .navi{
	margin-bottom: 10px;
}
#side_navi .navi li{
	background-image: url(../common/li1.gif);
	background-repeat: no-repeat;
	background-position: 4px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	/*padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 18px;
	line-height: 16px;*/
	background-color: #FFF;
}
#side_navi .navi li a{
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 18px;
	line-height: 16px;
	color:#444444;
	text-decoration: none;
	display: block;
}

#side_navi .navi li:hover{
	background-color: #FADF6F;
}


/*----------------------------------------------------------
sub　お問い合わせ先
----------------------------------------------------------*/
#sub .tel{
	margin-bottom: 10px;
}

/*----------------------------------------------------------
sub　お知らせ
----------------------------------------------------------*/
#sub .info{
	margin-bottom: 10px;
}

#sub .info dl{
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#sub .info :last-child {
	border-bottom-style: none;
}

#sub .info dl dt{
	background-image: url(../common/li1.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 12px;
	margin-bottom: 5px;
	color: #AF1414;
	text-decoration: underline;
}
#sub .info dl dd{
	padding-left: 12px;
	line-height: 16px;
	font-size: 11px;
	padding-bottom: 10px;
}

/*----------------------------------------------------------
sub　バナーグループ
----------------------------------------------------------*/

#sub .banner h3{
	margin-bottom: 5px;
}

#sub .banner div p img{
	margin-bottom: 5px;
}

#sub .banner div p.img{
	margin-left: 5px;
}

#sub .banner div p.url{
	color: #774B32;
	background-image: url(../common/li1.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 12px;
	margin-left: 5px;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 5px;
}
#sub .banner div p.url a{
	color: #774B32;
}

#sub .banner div p.txt{
	font-size: 11px;
	line-height: 16px;
	padding-left: 17px;
}


/*----------------------------------------------------------
マージン
----------------------------------------------------------*/

.m5{
	margin-bottom: 5px;
}
.m10{
	margin-bottom: 10px;
}
.m15{
	margin-bottom: 15px;
}
.m20{
	margin-bottom: 20px;
}
.m25{
	margin-bottom: 25px;
}
.m30{
	margin-bottom: 30px;
}
.m35{
	margin-bottom: 35px;
}
.m40{
	margin-bottom: 40px;
}
.m45{
	margin-bottom: 45px;
}
.m50{
	margin-bottom: 50px;
}
.m55{
	margin-bottom: 55px;
}
.m60{
	margin-bottom: 60px;
}
.m65{
	margin-bottom: 65px;
}
.m70{
	margin-bottom: 70px;
}
.mr5{
	margin-right: 5px;
}
.mr10{
	margin-right: 10px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt50{
	margin-top: 50px;
}


/*----------------------------------------------------------
フォーム関連
----------------------------------------------------------*/

.f1{
	font-size: 13px;
	background-color: #fffed0;
	padding: 5px;
	border: 1px solid #666;
	width: 350px;
}
.f2{
	font-size: 13px;
	background-color: #fffed0;
	padding: 5px;
	border: 1px solid #666;
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
.tel_{
	height: 70px;
}




#message_box{
	box-shadow: 0px 0px 5px 0px #b7b7b7;
	behavior: url(/PIE.htc);
	width:400px;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-215px;
	background-color: #FF6;
	padding: 15px;
	z-index: 100;
	display: none;
}

#message_box .clearfix{
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;	
}


#message_box div .left{
	float: left;
	width: 60px;
}

#message_box div .right{
	float: right;
	width: 323px;
	margin-top: 5px;
}
#message_box div .right .txt{
	line-height: 18px;	
}
#message_box div .right .txt span{
	font-size: 18px;
	color: #C00;
	line-height: 25px;
	font-weight: bold;
}
#wait{
	display: none;
	position:absolute;
	/*height: 100%;*/
	width: 100%;
	top:0px;
	left:0px;
	background-image: url(../common/wait.png);
	z-index: 50;
}

#check_1{
	z-index: 48;
	position:absolute;
}

#check_2{
	z-index: 49;
	position:absolute;
}


/*----------------------------------------------------------
footer_base
----------------------------------------------------------*/

#footer_base{
	width: 100%;
	position: relative;
	background-color: #774B34;
	height: 180px;
	/*background-image: url(../common/back_w.gif);
	background-repeat: repeat-x;
	background-position: left top;*/
}

#footer_base div.top{
	/*position: absolute;
	top: -10px;
	left: 0px;
	width: 100%;
	background-image: url(../common/footer_img.png);
	height: 22px;*/
}

#footer{
	width: 980px;
	height: 180px;
	margin-right: auto;
	margin-left: auto;
	background-color: #774B34;
	/*background-image: url(../common/yukidaruma.png);
	background-repeat: no-repeat;
	background-position: 50px 50px;*/
}

#footer div{
	float: left;	
}

#footer .center_box{
	width: 580px;
	margin-left: 200px;
	text-align: center;
	margin-bottom: 15px;
}

#footer .center_box .footer_box{
	color: #DDDAA8;
	padding-top: 30px;
}
#footer .center_box .footer_box a{
	color: #DDDAA8;
}

#footer .center_box .com{
	color: #DDDAA8;
	padding-top: 30px;
}
#footer .center_box .com img{
	margin-bottom: 15px;
}

#footer .right_box{
	padding-top: 30px;
	margin-left: 15px;	
}

/*----------------------------------------------------------
calendar
----------------------------------------------------------*/
.calendar,
.holiday{
	padding: 5px;	
}
.calendar table{
	border-collapse:collapse;
	border-spacing:0;
	background-color:#FFFFFF;
	empty-cells:show;
	width: 100%;
	border: 1px solid #8C5D1F;
}

.calendar table tr th{
	color: #444444;
	border-right:1px solid #8C5D1F;
	border-bottom:1px solid #8C5D1F;
	background-color:#F8E185;
	background-image:url(./common/table-back.gif);
	background-position:left top;
	text-align:center;
	padding: 4px;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
}

.calendar table tr td{
	color: #444444;
	font-size: 11px;
	padding: 4px;
	text-align:center;
	border: 1px solid #8C5D1F;
}

.calendar .month1{
	font-weight: bold;
	color: #8C5D1F;
}

.calendar .month1_top{
	color: #683E0D;
	font-size:12px;
	font-weight: bolder;
	margin-top: 3px;
	margin-bottom: 3px;
}




.calendar table tr .holiday{
	background-color:#C33635;
	font-weight: bold;
	color: #FFF;
}

.calendar table tr .today{
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}



.calendar table tr .none{
	background-color:#FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.holiday p{
	line-height: 18px;
}
.holiday p span{
	color: #C33635;
}

/*----------------------------------------------------------
pick_up
----------------------------------------------------------*/

.pick_up{
	width:578px;
	background-color: #FFF;
	margin-bottom: 0px;
	border: 1px solid #774B32;
	position: relative;
}

.pick_up p.img2{
position: absolute;
top: -98px;
right: 0px;

}



.pick_up ul{
	padding-top: 10px;
	padding-bottom: 10px;
}

.pick_up .clearfix li{
	float: left;
	padding-left: 10px;
	width: 275px;
}

.pick_up ul li p img{
	margin-bottom: 5px;
}
.pick_up ul li .txt{
	background-image: url(../common/li1.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
	line-height: 18px;
}

.pick_up ul li .txt a{
	color: #444444;
	text-decoration: underline;	
}
.pick_up ul li .txt a:hover{
	color: #F90;
}


/*----------------------------------------------------------
title1
----------------------------------------------------------*/

h3.title1{
	background-image: url(../common/title1.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 34px;
	font-weight: bold;
	color: #FFF;
	height: 34px;
	width: 580px;
	margin-bottom: 15px;
	padding-left: 20px;
}

.nouki_speed{
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;	
}