@charset "utf-8";

/* == しぶ屋 CSS目次(共通CSS) ===============

最終更新日:2007年5月18日

1：ブラウザスタイル初期化
2：基本レイアウト
3：リンク
4：ヘッダ
5：メインコンテンツ
6：フッタ
7：テーブル
8：その他

=========================================================== */


/*--------- ▼ブラウザスタイル初期化 ---------*/
*{
	margin:0;
	padding:0;
	line-height:1;
	font-style::normal;
	font-weight:normal;
	font-size:100%;
	}

/*--------- ▲ブラウザスタイル初期化 ---------*/


/*--------- ▼基本レイアウト ---------*/
/* --Structure Module-- */

body{
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic pro",Osaka,verdana,arial,sans-serif;
	background:#000000;
	}

#base {
	width:791px;
	background:url("/img/bg_body.gif") repeat-y;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:left;
	}
#contents{
	width:760px;
	margin-left:17px;
	font-size:0.75em;
	}
img{
	border: none;
	}
strong{
	font-weight:bold;
	}
/* --class(クラス一覧)-- */
.clear{
	clear: both;
	}
.fr {
	float:right;
	}
.fl {
	float:left;
	}
.cl{
	text-align:center;
	}
.mr5{
	margin-right:5px;
	}
.mr7{
	margin-right:7px;
	}
.mr9{
	margin-right:9px;
	}
.ml8{
	margin-left:8px;
	}
.ml14{
	margin-left:14px;
	}
.ml25{
	margin-left:25px;
	}
.ml30{
	margin-left:30px;
	}
.mb6{
	margin-bottom:6px;
	}
.mb8{
	margin-bottom:8px;
	}
.mb10{
	margin-bottom:10px;
	}
.mb13{
	margin-bottom:13px;
	}
.mb20{
	margin-bottom:20px;
	}
.mt8{
	margin-top:8px;
	}
.mt20{
	margin-top:30px;
	}
.pl15{
padding-left:15px;
}
.pl90{
padding-left:90px;
}
.vt{
	vertical-align:top;
	}
.txt_r{
	text-align:right;
	}
.txt_01{
	width:270px;
	float:right;
	color:#c8c8c8;
	line-height:1.5;
	}
#txt_01boxb{
	widt:760px;
	}
.txt_01box{
	float:left;
	width:248px;
	color:#c8c8c8;
	}
.txt_01box img{
	margin-bottom:6px;
	}
.txt_01box p{
	margin:0 8px 20px 8px;
	line-height:1.5;
	}
input{
	margin:5px 8px 0 0;
	line-height:1.2;
	}
/*--------- ▲基本レイアウト ---------*/


/*--------- ▼リンク ---------*/

/* --標準-- */
a {

	}
a:link{
	color:#555555;
	text-decoration:none;
	}
a:visited{
	color:#555555;
	text-decoration:none;
	}
a:hover{
	color:#ff2828;
	text-decoration:none;
	}
a:active {
	color:#ff2828;
	}
#footer li a:hover,
.pagetop a:hover{
	text-decoration:underline;
	}

/*--------- ▲リンク ---------*/


/*--------- ▼ヘッダ ---------*/
h1{
	float:left;
	}
#top_txt{
	color:#999999;
	font-size:0.75em;
	padding:9px 0 9px 17px;
	}
#header_r{
	width:277px;
	float:right;
	}
#header{
	width:760px;
	height:75px;
	background:url("/img/bg_header01.gif") no-repeat;
	margin:0 0 0 0;
	}

#menu_01 li{
	display: inline;
	list-style: none;
	}
/*--------- ▲ヘッダ ---------*/


/*--------- ▼メインコンテンツ ---------*/
#pack_01{
	clear:both;
	margin:7px 0 12px 0;
	}
#box01{
	background-color:#f4f4f4;
	width:200px;
		margin:0 0 6px 0;
	}
#box02{
	background:url("/img/title_melmaga02.jpg") no-repeat;
	background-position:left bottom;
	width:200px;
	padding-bottom:10px;
	}
#box02 p{
	margin:8px;
	color:#585454;
	line-height:1.5;
	}
.module-archives{
	width:550px;
	background:url("/img/bg_top01.jpg");
	line-height:1.5;
	color:#353434;
	}
.module-archives dl{
	padding:10px 0 15px 45px;
	}
.module-archives dl dt {
	float: left;
	width: 5em;
	padding:0 8px 5px 0;
	line-height: 130%;
}
.module-archives dl dd {
	_height: 1%; /* Hack for Win IE6 */
	padding:0 45px 5px 0;
	line-height: 130%;
}
.module-archives dl dd a{
	color:#353434;
	line-height: 1.3;
	}
.module-archives dl dd a:visited{
	color:#353434;
	}
.module-archives dl dd a:hover{
	color:#ff2828;
	text-decoration:underline;
	}

#comment01{
	overflow:auto;/*float時のFIREFOX用背景表示補正*/
	width:550px;
	background-color:#30302e;
	}
/*float時のFIREFOX用背景表示補正*/
/*\*/
　* html #comment01{overflow: visible;}
/**/
/*float時のFIREFOX用背景表示補正終わり*/
#comment01 img{
	padding:9px 14px 0 13px;
	}
#comment01 p{
	padding:9px 0 45px 0;
	color:#c8c8c8;
	line-height:1.5;
	}

div#und_box{
	background:url("/img/bg_top01.jpg");
	padding-top:5px;
	}
.set_open{
	padding:10px 0 10px 7px;
	}
/* IE6のみ上書き指定 */
* html .set_open {
	padding:5px 0 10px 7px;
	}
/*上書き指定終了*/
.b_box{
	width:735px;
	margin:0 0 11px 7px;
	}
.s_box01{
	float:right;
	background:url("/img/bg_pack.jpg") no-repeat;
	background-position:left bottom;
	width:535px;
	height:135px;
	color:#353434;
	}
.s_box01 p{
	margin:5px 0 0 30px;
	line-height:1.5;
	}
.s_box01 ul{
	margin:5px 0 0 55px;
	}
.s_box01 li{
	line-height:1.5;
	}

#order01{
	background-color:#ededed;
	width:750px;
	}
#news_l{
	float:left;
	}


#news_r{
	width:200px;
	float:right;
	}
#txt_kodawari{
	clear:both;
	padding:8px 0 5px 0;
	}
/* IE6のみ上書き指定 */
* html #txt_kodawari {
	margin:0 0 4px 0;
	}
/*上書き指定終了*/
/*　注文・お問い合わせ　*/
#order01{
	width:750px;
	background-color:#FFFFFF;
	margin:0 0 12px 5px;
	}
#order02{
	width:736px;
	height:100px;
	background-color:#ededed;
	margin:8px 0 15px 7px;
	}
#order02 p{
	padding:5px 0 17px 12px;
	line-height:1.5;
	color:#353434;
	}
#order_btn_01{
	margin:0 0 0 85px;
	}
#order_btn_02{
	margin:10px 0 20px 92px;
	}
/*　ページ下バナー　*/
.advertisement1{
	width:720px;
	margin:0 0 14px 14px;
	background-color:#ededed;
	border:1px solid #636363;
	}
.advertisement1 img{
	margin:5px 0 5px 6px;
	}
.advertisement1 dt{
	margin:0 10px 6px 10px;
	font-size:16px;
	font-weight:bold;
	color:#3454b0;
	}
.advertisement1 dd{
	margin:0 10px 10px 10px;
	color:#353434;
	line-height:1.5;
	}

.advertisement2{
	width:720px;
	overflow:auto;/*float時のFIREFOX用背景表示補正*/
	margin:0 0 14px 14px;
	background-color:#ededed;
	border:1px solid #636363;
	}
/*float時のFIREFOX用背景表示補正*/
/*\*/
　* html .advertisement2{overflow: visible;}
/**/
/*float時のFIREFOX用背景表示補正終わり*/
.advertisement2 img{
	margin:5px 0 5px 6px;
	}
.advertisement2 dt{
	margin:0 10px 6px 10px;
	font-size:16px;
	font-weight:bold;
	color:#3454b0;
	}
.advertisement2 dd{
	margin:0 10px 0 10px;
	color:#353434;
	}
.advertisement2 dd p{
	line-height:1.5;
	}
.set_adv{
	width:315px;
	margin:12px 0 0 400px;
	}
.adv_btn01{
	text-align:right;
	margin:0 15px 5px 0;
	}

/* エントリーアーカイブ記事 */
#main_l{
	width:500px;
	float:left;
	background-color:#CCCCCC;
	}
#main_l p{
	line-height:1.5;
	}
#pagebody-inner{
	margin:10px 0 0 0;
	padding:10px;
	}
/*--------- ▲メインコンテンツ ---------*/


/*--------- ▼フッタ ---------*/
#footer{
	clear:both;
	text-align:center;
	background-color:#FFFFFF;
	}
#footer ul{
	padding:10px 20px 10px 20px;
}
#footer li{
	display: inline;
	padding: 3px 0px;
	list-style: none;
	}
address{
	font-style:normal;
	color:#666666;
	padding-bottom:10px
	}
.pagetop {
	text-align:right;
	margin-right:24px;
	padding-bottom:15px;
	padding-right:18px;
	}

/*--------- ▲フッタ ---------*/


/*--------- ▼テーブル ---------*/
.design1{
	border:none;
	}
.design1 th td{
	border:none;
	}
.design2{
	border:none;
	margin:18px 0 20px 14px;
	}
.design2 tr td{
	border:none;
	vertical-align:top;
	padding:0 15px 0 0;
	}
.design2 tr td p{
	text-align:left;
	line-height:1.5;
	border-bottom:1px dotted #999999;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	}
.design11{
width:700px;
	padding:6px;
	border-collapse:collapse;
	border:1px solid #999999;
	margin:0 0 8px 15px;
	}
.design11 th{
width:130px;
	padding:6px 6px 6px 10px;
	margin:0;
	background:#ededed;
	vertical-align:top;
}
.design11 td{
	border:none;
	padding:6px 6px 6px 10px;
	margin:0;
	line-height:1.3;
	background:#ededed;
	vertical-align:top;
	text-align:left;
}
.pack_set01{
background-color:#e4e2dd;
padding:15px 0 15px 15px;
}
p.pack_set01_txt01{
font-size:14px;
line-height:1.4;
}
p.pack_set01_txt02{
margin:0 0 8px 0;
line-height:1.4;
}

/*--------- ▲テーブル ---------*/

/*--------- ▼セカンドページ共通 ---------*/
#contents_l{
	width:535px;
	float:left;
	}
#contents_body{
	background:url("/img/bg_top02.jpg");
	padding:0 0 0 0;
	color:#2f2f2f;
	}
#contents_body #contents_l {
	padding:0 0 20px 0;
	}
#contents_body #news_r {
	padding:18px 5px 20px 0;
	}
#contents_body #contents_l h3{
	margin:18px 0 10px 14px;
	}
#contents_body #contents_l .pagetop{
	position:relative;
	top:20px;
	left:250px;
	}
.fo14{
	font-size:14px;
	}
.submenu01{
	color:#bd0000;
	font-weight:bold;
	margin: 0 0 5px 30px;
	}
ul.submenu02 {
	margin:0 0 10px 50px;
	}
ul.submenu02 li{
	padding:0 0 3px 0;
	line-height:1.2;
	}
/*--------- ▲セカンドページ共通 ---------*/


/*--------- ▼セカンドページ ---------
css/pageフォルダ内の各css参照
--------- ▲セカンドページ ---------*/

#mail_form #mail_author,
#mail_form #mail_subject,
#mail_form #mail_email {
    width : 90%;
}
#mail_form #mail_text {
    width : 90%;
    height : 150px;
}
/* == TOP用お客様の声 ===============　*/
.news_box{
	width:735px;
	height:500px;
	overflow:auto;
	margin:0 0 25px 0; 
	}
.blog_menu{
	width:696px;
	background-color:#FFFFFF;
	color:#5d5d5d;
	border-bottom:1px solid #bcbcbc;
	margin:0 0 25px 22px;
	}
p.top_txt01{
	color:#353434;
	margin:5px 0 15px 30px;
	line-height:1.5;
	}

.voice_box{
	background:url("/img/bg_t02.gif") no-repeat;
	width:696px;
	height:57px;
		}
.entry-time{
	text-align:right;
	margin:14px 18px 0 0;
	}
.entry{
	padding:0 0 0 0;
	background-color:#FFFFFF;
	}
#contents_body #contents_l p{
	margin:0 0 0 0;
	line-height:1.5;
	}

.entry-body p{
	margin:10px 0 15px 0;
	padding:0 85px 0 25px;
	line-height:1.5;
	}
span.voice_name_m{
	margin:0 8px 0 8px;
	}
img.news_footer {
	margin:0 0 20px 0;
	padding:0;
	line-height:0;
	}
#new_news{
	width:186px;
	padding:0 0 0 14px;
	margin:0 0 6px 0; 
	background-color:#f4f4f4;
	border-top:4px solid #bcbcbc;
	border-bottom:4px solid #bcbcbc;	
	}
#new_news img{
	padding:0 0 20px 0;
	}
#new_news ul{
	padding:0 0 20px 0;
margin:0;
	}
#new_news ul li{

	margin:0 10px 5px 18px;
	padding:2px 0 2px 0;
	}
#contents_body #contents_l h3.news001{
	border-bottom:1px solid #eabfbf;
	border-left:5px solid #db0000;
	margin:18px 20px 0 14px;
	padding:0 0 5px 8px;
	line-height:1.3;
	}
.voice_box h3{
	margin:0 0 4px 0px;
	padding: 10px 0 0 32px;
	font-size: 16px;
	}