/* common_new.css→common2012へ移行中 */
/* 楽天ページとの互換ないからね！ */

@charset "Shift-JIS";
/* packman2サイト共通----------------------------- */

/* reset default styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 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;/*vertical-align: baseline; テーブルが崩れる*/
}
body {
	margin: 0;
	padding: 0;
	line-height:1.7;
	color:#333;
	font-family:'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, 'ＭＳ Ｐゴシック', "MS PGothic", Arial, Osaka, sans-serif;
	font-size:0.9em;
}
/* テキストリンクとか */
h2, h3 {
	font-weight:normal;
}
A {
	color: #00479D;
	text-decoration:none;
}
A:VISITED {
	color: #00479D;
}
A:HOVER {
	text-decoration:underline;
	color:#C00;
}
A:ACTIVE {
	color:#bf0000;
}

abbr{
	cursor:help;
}

blockquote{
	margin:2em;
}

/* 画像のborderを消す */
img {
	border:none;
}
/* センター揃え */
.text_center {
	text-align:center;
}
/* 右揃え */
.text_right {
	text-align:right;
}
/* 左揃え */
.text_left {
	text-align:left;
}

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

/* float ---------- */
.fl{
	float:left;
}
.fr{
	float:right;
}

/* インデントテキスト（段落） */
.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;
}


.ml10px{
	margin-left:10px;
}

.ml30px{
	margin-left:30px;
}

.ml1em{
	margin-left:1em;
}

.ml2em{
	margin-left:2em;
}

.mr10px{
	margin-right:10px;
}

.mt10px{
	margin-top:10px;
}

.mt20px{
	margin-top:20px;
}

.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;
}

/* ULリセット解除 */
.ul_margin_left {
	margin-left:2em;
}

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

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


/* htmlページ共通部 ============================== */
/* 950px全体の枠*/
.main_950 {
	margin: 0px auto;
	padding: 0px;
	width:950px;
	overflow:hidden;
}
/* 最上部青いところ */
.header {
	margin: 0px;
	padding: 0px;
	background-color: #d5f2f7;
	overflow:hidden;
	height:50px;
}
/* DEA画像位置 */
.header img {
	margin:15px 20px 0px;
}
/* 最上部H1 */
.header h1 {
	float:right;
	margin-right:1em;
	display:inline;
	line-height:50px;
}
/* DEA画像下、パンくずリスト */
.navi {
	padding-left:10px;
	height:2.5em;
	line-height:2.5em;
	background-color: #fafafa;
	font-weight:normal;
	overflow:hidden;
	list-style:none;
}

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

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

/* index.html only */
.navi h2{
	padding-left:10px;
}

/* social bookmark */
.social{
	float:right;
}

/* 横並び画像リンク */
.category_menu {
	margin:1em 2px 1em;
	text-align:center;
	overflow:hidden;
}
/* ご注文はこちら・電話 */
.order_tel_mail_area {
	text-align:right;
	overflow:hidden;
	margin-bottom:0.5em;
}

/* ご注文ボタン */
.order_bottun { /* スペルミス */
	display:inline block;
	width:200px;
	float:left;
	background : transparent url(../img/common/order_on.gif) no-repeat;
}
.order_bottun a {
	display: block;
}
.order_bottun a:hover {
	background: none;
}
.order_bottun a:hover img {
	visibility: hidden;
}

/* tel mail fax */
.tel_mail_fax{
	list-style:none;
	overflow:hidden;
	float:right;
}

/* ドロップダウン関係 */
.dropdown {	/* <DL>分類画像を並べる */
	float:left;
	padding:0px;
	margin:0px;
	line-height:1;
}
.dropdown DT {
	width:135px;
	cursor:pointer;
	padding:0px;
	margin:0px;
}
.dropdown DD {
	position:absolute;
	overflow:hidden;
	width:135px;
	display:none;
	background:#fff;
	padding:0px;
	margin:0px;
	z-index:200;
	opacity:0;
}
/* ご注文用紙ドロップダウン */
.dropdown-hidari dt {
	width:153px;
	cursor:pointer;
}
.dropdown-hidari DD {
	position:absolute;
	overflow:hidden;
	width:153px;
	display:none;
	background:#fff;
	z-index:200;
	opacity:0;
	padding:0;
	margin:0;
}
/*  =======================================
left area
================================== */
.left_area {
	width:200px;
	float:left;

}

/* left navi */
.left_navi{
	background-image:url(../img/common/left_navi_bg.gif);
	background-repeat:repeat-y;
}

.left_navi ul{
	list-style:none;
}

.left_navi ul li a:hover{
	background-position:left bottom;
}

/* 料金表ボタン */
#LEFT_CHARGE {
	margin:10px;
	display: block;
	background : transparent url(../img/common/left_charge_on.gif) no-repeat;
}
#LEFT_CHARGE a {
	display: block;
}
#LEFT_CHARGE a:hover {
	background: none;
}
#LEFT_CHARGE a:hover img {
	visibility: hidden;
}


/* left blank */
.left_blank{
	text-align:center;
	margin-top:1em;
}

/* delivery serach --------------- */
.delivery_title{
	/* Firefox */
	background: -moz-linear-gradient(top center, #dcdee6 0%, #ffffff 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#dcdee6), to(#ffffff));
	/* 共通 */
	background: linear-gradient(top center, #dcdee6 0%, #ffffff 100%);
	
	line-height:50px;
	margin-top:30px;
	
	/* radius */
	  -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  

    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;  
}

.delivery_title img{
	margin: 0 8px;
}



.left_side_line{
	 border-right:solid 1px #d9d9d9;
   border-left:solid 1px #d9d9d9;
	 border-bottom:solid 1px #d9d9d9;
   color:#616161;
   overflow:hidden;
	 
	 padding:10px;

	/* radius */	 
		-webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
		
		-moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;  
}

.left_side_line ul{
	list-style:none;
}


.left_side_line ul li{
	line-height:30px;	
	float: left;
}

.left_side_line ul li a{
	display:block;
}

/* 左側リンクエリア、中身は各分類CSS */
#LEFT_LINK {
	margin:10px;
}
/* 共通左カレンダー */
.calendar {
	width:160px;
	margin:10px auto;
	letter-spacing:normal;
	line-height:100%;
	clear:both;
}
.carender img {
	margin:1em 0px 5px;
}
.calendar table {
	margin-top:10px;
}
.calendar td {
	padding:2px 1px;
}
/* デアブログ */
a#DEA_BLOG {
	display: block;
	width: 180px; /* 画像1枚分の横幅 */
	height: 95px; /* 画像1枚分の高さ */
	background: url("../img/common/left_blog.gif") 0em 25px no-repeat; /* 画像ファイル名 */
}
a#DEA_BLOG:hover {
	background-position: right 25px; /* 背景画像の表示開始基準を右上に変更 */
}
/* デアリンク */
.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)";
}

/* =========================================
 right area
========================================== */

/* 右側コンテンツ枠 */
.right_area {
	width:720px;
	vertical-align:top;
	float:right;
}
/* 画像h2タイトル */
.h2_img_title {
	margin-top:25px; /*LEFT_CHARGE参照*/
	text-align:center;
}
.contents {
	padding:0px 0px 0px;
	overflow:hidden;
	clear:both;
}

/* 下部メールフォーム */
a#ORDER_FOOTER {
	margin:auto;
	color:#fff;
	display: block;
	width: 700px; /* 画像1枚分の横幅 */
	height: 70px; /* 画像1枚分の高さ */
	background: url("../img/common/order_footer_bottun.gif") 0em 19px no-repeat; /* 画像ファイル名 */
}
a#ORDER_FOOTER:hover {
	background-position: right 19px; /* 背景画像の表示開始基準を右上に変更 */
}


/* right area link -------------------- */
.right_area_link{
	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;
}


/* フッター120215佐川後------------------------------ */
/* 文字フッター */
.footer {
	clear:both;
	margin:30px auto 0px;
	width:950px;
}
.footer_title_h2 {
	font-size:1.5em;
	margin:10px;
	padding:10px;
	letter-spacing:1px;
	font-weight:normal;
	border-bottom:solid 2px #d5f2f7;
}
.footer_table td {
	vertical-align:top;
	width:200px;
}
/*footer float box*/

.footer_list {
	float:left;
	width:200px;
	margin:10px;
}
.footer_list h2 {
	margin:0 0 3px;
	padding:0 0 0 6px;
	border-left:3px solid #C00;
	font-size:1.2em;
}
.footer_list ul {
	margin:0;
	padding:3px 0 0;
	border-top:1px solid #666;
	list-style:none;
}
.footer_list ul li {
	line-height:16px;
	margin:0 0 3px 0;
	padding:0;
}
/* 最後の一文 */
.footer_last_text {
	margin:0px;
	padding:30px;
	text-align:center;
	clear:both;
	border-top:1px solid #333333;
}
/* 直下共通------------------------------------------------------------ */
/* h2テキスト */
.h2_text_office {
	border-bottom:2px solid #00469d;
	padding:5px 0px;
	margin:10px 0px;
	font-size:1.6em;
	font-weight:normal;
}
/* h3テキスト */
.h3_text_office {
	border-bottom:2px solid #00469d;
	padding:0px;
	margin:20px 0px 10px;
	font-size:1.2em;
	font-weight:normal;
}
/* 直下案内メニューピンクのやつ */
#FORM_INDEX {
	width: 950px;
	height: 50px;
	list-style: none;
	padding:0px;
	margin-top:10px;
}
#FORM_INDEX li {
	float:left;
	width: 300px;
	height: 50px;
	overflow: hidden;
}
/* 矢印liのエリア・背景 */
#FORM_INDEX li.form_left {
	width: 50px;
	background: url(../img/common/mailform_index_left.gif) 0 0 no-repeat;
}
/* 矢印位置 */
#FORM_INDEX li.form_left img {
	margin:5px 0px 0px 10px;
}
/* ピンク背景中央 */
#FORM_INDEX li.form_center {
	width: 80px;
}
/* TEL.FAX */
#FORM_INDEX li.form_tel {
	width: 450px;
}
/* mali */
#FORM_INDEX li.form_mail {
	width: 70px;
}
/* ボタンリンク部 */
#FORM_INDEX li a.bottun {
	display: block;
	width: 300px;
	height: 50px;
	padding-top: 50px;
	background: url(../img/common/mailform_index.gif) 0 50px repeat;
}
#FORM_INDEX li a:hover {
	background-position: 0 0;
}

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

/* container -------------- */
#CONTAINER{
	margin: 0px auto;
	padding:30px 0;
	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;
}


/*------------------------------------------------------------
	USERAGENT css
------------------------------------------------------------*/
/* USERAGENT */
#USERAGENT {
		background-color:#999999;
}

#USERAGENT ul {
	  width:90%;
	  padding:0px;
	  margin:0px auto;
	  list-style-type: none;
		overflow:hidden;
	}
	
#USERAGENT ul li {
	  width:50%;
	  float:left;
	  padding:0;
	  margin:10px 0;
	  text-align:center;
	}
#USERAGENT ul li a {
	  width:auto;
	  color:#fff;
	  font-size:12px;
	  font-weight:bold;
	  text-shadow:0 -1px 0px #333,0 1px 0px #555;
	  padding:10px 0;
	  text-decoration:none;
	  display:block;
	  background:#666;
	  background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));
	  border-left:1px solid #444;
	  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
	             -1px 0px 0px rgba(225,225,225,0.3) inset,
	              0px 1px 1px rgba(0,0,0,0.1) inset,
	              0px -1px 1px rgba(0,0,0,0.3) inset,
	              0px 1px 3px #666;
	}
#USERAGENT ul li:first-child a{
	  border-left:0px;
	  border-radius:5px 0 0 5px;
	  border-left:0;
	  box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
	              0px 1px 1px rgba(0,0,0,0.1) inset,
	              0px -1px 1px rgba(0,0,0,0.3) inset,
	              0px 1px 3px #666;
	}
#USERAGENT ul li:last-child a{
	  border-radius:0 5px 5px 0;
	  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
	              0px 1px 1px rgba(0,0,0,0.1) inset,
	              0px -1px 1px rgba(0,0,0,0.3) inset,
	              0px 1px 3px #666;
	}
#USERAGENT ul li a:hover {
	  background:#555;
	  background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
	  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
	             -1px 0px 0px rgba(225,225,225,0) inset,
	              0px 1px 1px rgba(0,0,0,0.1) inset,
	              0px -1px 1px rgba(0,0,0,0.3) inset,
	              0px 1px 3px #666;
	}
	
#USERAGENT p{
	text-align:center;
	color:#ffffff;
	padding-top:10px;
}



/* 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;
}

/* pagejump ==============================*/