/* reset default styles */
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, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline; テーブルが崩れる*/
}

body{
	padding:0px;
	margin:0px;
	background-image:url(../img/common/bg.gif);
	background-repeat:repeat-y;
	background-position: center;
	line-height:1.7;
	color:#6A3906;
	font-size:0.9em;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', "MS PGothic", Arial, Osaka, sans-serif;
}

iframe{
	margin: 20px 0 !important;
}

img{
	border:none;
}

h3{
	font-weight:normal;
}

a{
	text-decoration:none;
}

/* 中央揃え */
.text_center {
	text-align:center;
}
/* 右揃え */
.text_right {
	text-align:right;
}
/* 左揃え */
.text_left {
	text-align:left;
}

/* 右フロート */
.fr {
	float:right;
}
/* 左フロート */
.fl {
	float:left;
}

/* margin --------- */
.ml10px{
	margin-left:10px;
}

.ml1em{
	margin-left:1em;
}

.ml2em{
	margin-left:2em;
}

.mr10px{
	margin-right:10px;
}

.mt10px{
	margin-top:10px;
}

.mt30px{
	margin-top:30px;
}

.mb10px{
	margin-bottom:10px;
}

.mb30px{
	margin-bottom:30px;
}

.big {
	font-size:1.2em;
}

.small{
	font-size:0.8em;
}

.clear{
	clear:both;
}

/* bold */
.bold{
	font-weight:bold;
}


/* インデントテキスト（段落） */
.text_indent{
	margin-top:1em;
	text-indent:1em;
}

/* インデントテキスト（記号） */
.indent{
	padding-left:1em;
	text-indent:-1em;
}

/* pタグを使ったテキストタイトル */
.p_text_title {
	font-size:1.5em;
	margin:1em 0px 0.5em;
}


/* text_ul */
.text_ul{
	line-height:1.2;
}
.text_ul li{
	margin-bottom:1em;
}

/* 赤文字 */
.red{
	color:#bf0000;
}

/* オレンジ文字 */
.orange{
	color:#ff7f00;
}
  
/* ULリセット解除 */
.ul_margin_left {
	margin-left:2em;
}

.main{
	width:950px;
	background-color:#ffffff;
	margin:0px auto;
	padding:0px;
}

/* header ======================================== */
#header_top{
	margin-bottom:10px;
	border-bottom:3px #b78f5a dotted;
}

header h1{
	font-size:1.0em;
	padding:2px;
	font-weight:normal;
}

.header_menu{
	list-style:none;
	overflow:hidden;
	margin:10px 0px;
	border-bottom:2px #d6d7d9 solid;
}

.header_menu li{
	float:left;
}

.header_menu li a {
	display: block;
}
.header_menu li a:hover {
	background: none;
}
.header_menu li a:hover img {
	visibility: hidden;
} 

/* 各LIクラス背景 */
.head_top{
    background:url(../img/common/navi_home_on.gif) no-repeat;
}

.head_order{
    background:url(../img/common/navi_order_on.gif) no-repeat;
}

.head_charge{
    background:url(../img/common/navi_charge_on.gif) no-repeat;
}

.head_postage{
    background:url(../img/common/navi_postage_on.gif) no-repeat;
}

.head_pay{
    background:url(../img/common/navi_pay_on.gif) no-repeat;
}

.head_storage{
    background:url(../img/common/navi_storage_on.gif) no-repeat;
}

.head_flow{
    background:url(../img/common/navi_flow_on.gif) no-repeat;
}

.head_inquiry{
    background:url(../img/common/navi_inquiry_on.gif) no-repeat;
}

.head_voice{
    background:url(../img/common/navi_voice_on.gif) no-repeat;
}

.head_about{
    background:url(../img/common/navi_about_on.gif) no-repeat;
}


/* 右側contents ===================================*/
.right_area {
	width:730px;
	vertical-align:top;
	float:right;
}

header{
	overflow:hidden;
}

section{
	clear:both;
	overflow:hidden;
}

.contents {
	margin:20px 0;
	overflow:hidden;
	clear:both;
}

/* パンくずリスト */
.navi {
	height:2em;
	line-height:2em;
	background-color: #fafafa;
	font-weight:normal;
	overflow:hidden;
	list-style:none;
	margin-top:10px;
	margin-bottom:2em;
	border-bottom:1px #d6d7d9 solid;
}

.navi li{
	float: left;
	padding-left:10px;
}

.navi li a{
	display: block;
	background: url(../img/common/crumbs.png) no-repeat right center;
	padding-right: 15px;
	}
	

/* 各ページタイトル */
.page_title h1{
	display:block;
	height:50px;
	line-height:50px;
	font-size:1.4em;
	background:url(../img/common/jutan_title_bg.gif) no-repeat;
	text-indent:20px;
}

/* right area link -------------------- */
.right_area_link{
	clear:both;
	text-align:right;
	overflow:hidden;
}

.right_area_link ul{
	float:right;
	list-style:none;
	overflow:hidden;
}

.right_area_link ul li{
	float: left;
}

.right_area_link ul li a{
	display:block;
	background:url(../img/common/crumbs.png) no-repeat;
	padding:0px 1em 0px 1.5em;
	line-height:20px;
}

/* 左側contents ==================================*/
.left_area {
	vertical-align:top;
	width:200px;
	margin:0px;
	float:left;
}

.left_area ul{
	list-style:none;
}

/* オンマウスで透過変更 */
#voice a:hover img {
	/*モダンブラウザ用*/
opacity:0.8;
	/*IE7以下用*/
filter:alpha(opacity=80);
	/*IE8用*/
-ms-filter:"alpha(opacity=80)";
}

/* order button */
.order_button{
	margin-bottom:1em;
	width:180px;
	background : transparent url(../img/common/jutan_bottun_order_on.gif) no-repeat;
	margin:5px 10px;
}
.order_button a {
	display: block;
}
.order_button a:hover {
	background: none;
}
.order_button a:hover img {
	visibility: hidden;
}




.charge_button{
	margin:10px;
}
.charge_button li a {
	display: block;
	width: 180px; /* 画像1枚分の横幅 */
	height: 50px; /* 画像1枚分の高さ */
	background: url("http://www.jutan-center.net/img/common/charge_button_bg.gif") no-repeat; /* 画像ファイル名 */
	line-height:50px;
	text-indent:40px;
	font-size:1.4em;
	color:#fff;
}
.charge_button li a:hover {
	background-position: right; /* 背景画像の表示開始基準を右上に変更 */
}

.menu_button li{
	width:180px;
	margin:5px 10px;
	border-bottom:solid 1px #993333;
	text-indent:5px;
}

.menu_button li a{
	display:block;
}

.menu_button li a:hover{
	background-color:#fff3e0;
}

/* postage storage */
.postage_storage li{
	padding:10px 0 0 10px;
}

/* flow qanda */
.flow_qanda{
	margin-top:1em;
}

.flow_qanda li{
	margin-bottom:1px;
}

.flow_qanda li a {
	display: block;
}
.flow_qanda li a:hover {
	background: none;
}
.flow_qanda li a:hover img {
	visibility: hidden;
} 

/* 各LIクラス背景 */
.flow{
    background:url(../img/common/button_flow_on.gif) no-repeat;
}
.qanda{
    background:url(../img/common/button_qanda_on.gif) no-repeat;
}

.blog_wordpress{
    background:url(../img/common/blog_on.gif) no-repeat;
}

/* sns twitter space fix */
/*（例）幅を 105px とした場合 */
iframe.twitter-share-button {
	width: 105px!important;
}


/* デアリンク */
.dea_link {
	margin:auto;
}
.dea_link td {
	text-align:center;
}
/* オンマウスで透過変更 */
a.alpha:hover img {
	/*モダンブラウザ用*/
opacity:0.8;
	/*IE7以下用*/
filter:alpha(opacity=80);
	/*IE8用*/
-ms-filter:"alpha(opacity=80)";
}



/* footer ================================= */
footer{
	clear:both;
}


#page_top{
	text-align:right;
	margin-right:30px;
	line-height:0;
	vertical-align:bottom;
}
/*ロールオーバー時　画像透過*/
div#page_top a:hover img{
	/*モダンブラウザ用*/
opacity:0.8;
	/*IE7以下用*/
filter:alpha(opacity=80);
	/*IE8用*/
-ms-filter:"alpha(opacity=80)";
	background: #fff;
}

#logo{
	text-align:center;
}

.footer_link{
	padding:20px 0 20px 10px;
	background: -moz-linear-gradient(top,  rgba(183,143,90,1) 0%, 	rgba(250,246,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,143,90,1)), color-stop(100%,rgba(250,246,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(183,143,90,1) 0%,rgba(250,246,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(183,143,90,1) 0%,rgba(250,246,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(183,143,90,1) 0%,rgba(250,246,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(183,143,90,1) 0%,rgba(250,246,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b78f5a', endColorstr='#faf6ed',GradientType=0 ); /* IE6-9 */

}

.footer_layout{
	float:left;
	font-size:1em;
	margin:5px 0.5em;
	list-style:none;
	overflow:hidden;
	vertical-align:bottom;
	border-right:1px solid #A0522D;
}

.footer_layout a:link {/* リンク */
  color: #006400;
}


.footer_about{
	color:#663A16;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	padding:0px 1em 0px 1em;
}

.footer_layout ul li{
	font-weight:bold;
	text-align:left;
	padding:0px 1em 0px 1em;
	line-height:1.5em;
	list-style:none;
}

.big a{
	font-size:1.2em;
}

/* footer title */
footer h2{
	text-align:left;
	font-size:1.4em;
	background-color:#b78f5a;
	font-weight:bold;
	padding:10px 2em;
	color:#ffffff;
}

/* copyright */
#copyright{
	text-align:center;
	border-top: 1px #e3dccb solid;
	background-color:#faf6ed;
	font-weight:normal;
	padding:10px 1em 1em;
}

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

/* container -------------- */
#CONTAINER{
	margin: 0px auto;
	padding:0px 0 30px;
	width: 950px;

	clear:both;
	overflow:hidden;
}

/*------------------------------------------------------------
	サイドバー / left area
------------------------------------------------------------*/
#sideBar {
	position: relative;
	float: left;
	border:1px solid #f2f2f2;
}

#sideBar ul{
	list-style:none;
}

/*------------------------------------------------------------
	clear fix
------------------------------------------------------------*/
/* clearfix */
	* html .clearFix {
		zoom: 1;
	}

	*+html .clearFix {
		zoom: 1;
	}

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


/* backup ==============================*/
.margin5 {
	margin:5px;
}

.ml_10px{
	margin-left:10px;
}

.ml_1em{
	margin-left:1em;
}

.ml_2em{
	margin-left:2em;
}

.mr_10px{
	margin-right:10px;
}

.mt_10px{
	margin-top:10px;
}

.mt_30px{
	margin-top:30px;
}

.mb_10px{
	margin-bottom:10px;
}

.mb_30px{
	margin-bottom:30px;
}

/* koe button */
.koe_button{
	margin-bottom:1em;
	width:174px;
	background : transparent url(../img/common/bn_koe_on.png) no-repeat;
	margin:5px 10px;
}
.koe_button a {
	display: block;
}
.koe_button a:hover {
	background: none;
}
.koe_button a:hover img {
	visibility: hidden;
}