@charset "utf-8";

body {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(images/bg.gif);
	/*background: #f5f9ff;/*#E1EEEA*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	line-height:140%;
	color: #333333;
}
.center_auto {text-align:center;margin:auto;}
.t_center {text-align:center;}
.t_left {text-align:left;}
.t_right {text-align:right;}
.t_red {color: #CC3333;}
.t_blue {color:#003399;}
.f_24 {font-size:24px;}
.f_18 {font-size:18px;}
.f_16 {font-size:16px;}
.f_14 {font-size:14px;}
.f_12 {font-size:12px;}
.lh_140 {line-height:140%}
.w_780 {width:780px;}
.w_600 {width:600px;}
.w_560 {width:560px;}
.h_400 {height:400px;}
.pd_0 {padding:0px;} .pd_5 {padding:5px;} .pd_10 {padding:10px;}
.mg_0 {margin:0px;} .mg_5 {margin:5px;} .mg_10 {margin:10px;}
.mg_top_10 {margin-top:10px;} .mg_top_5 {margin-top:5px;} .mg_top_30 {margin-top:30px;}
.flort_l {float:left;}
.clear {clear:both; padding:0; margin:0; width:0px; height:0px;}
.box_r { padding:5px; margin:5px; border:1px solid #cc3333;}
p span { color:red; font-size:120%; font-weight:bold;}

.table {border-top:1px solid #3366FF;border-left:1px solid #3366FF;border-collapse:collapse;border-spacing:0;}
.table th {border-right:1px solid #3366FF;border-bottom:1px solid #3366FF;padding:0.3em 0.8em;font-weight:normal;background:#eeeeff;}
.table td {border-right:1px solid #3366FF;border-bottom:1px solid #3366FF;padding:0.3em 0.8em;}

hr { height:1px; color:#999999; padding:0; margin:5px 0 5px;}
img {border:none; padding:0; margin:0;}
p {margin:0;padding:0;}
ul { margin-top:0; padding-top:0;}
/*--------------------------------------------------------------------------------h要素*/
h2 {
font-size:30px;
line-height:64px;
text-align:left;
margin:0 0 20px;
padding-left:48px;
color:#FFFFFF;
background:url(images/img_h2.gif) no-repeat;}
.h2_index{
background:url(images/img_h2_index.gif) no-repeat;}
h2.emergency{ color:#000000; background:none; text-align:center;}

h3 {font-size:18px;
line-height:28px;
text-align:left;
padding:5px 0 5px 10px;
border-left:8px solid #3366FF;
border-bottom:1px solid #3366FF;
color:#3366FF;}

h4 {
font-size:12px;
line-height:22px;
text-align:left;
margin:5px 0 5px;
color:#3366FF;}

#container_wrap {
	width: 952px;
	background: #FFFFFF;
	margin: 0 auto;
	padding:0 2px 0 2px;
	text-align: left;}

#container {
	width: 950px;
	margin: 0 auto;
	padding:0;
	text-align: left;}
/*--------------------------------------------------------------------------------ヘッダー*/
#header {
	position:relative;
	width:950px;
	height:120px;
	margin:0 0 5px 0;
	padding:0;
}
#header h1 {
position:absolute;
font-size:14px;
margin:0;
padding:0;
top:5px;
left:40px;}
/*--------------------------------------------------------------------------------メインコンテンツ*/
#mainContent {
	padding: 0;
	background: #FFFFFF;
}
#maincontent_2 {
	width:600px;
	margin:0 auto;
	text-align:left;
	font-size:12px;
	line-height:150%;
}
/*--------------------------------------------------------------------------------サイドメニュー*/
#sidemenu {
float:left;
width:160px;
margin-right:10px;
margin-bottom:20px;
}
#sidemenu ul { margin:0; padding:0; text-align:center;}
#sidemenu li {
list-style-type:none;
border-right:3px solid #9999cc;
border-left:3px solid #9999cc;
border-bottom:2px dotted #9999cc;
}
#sidemenu li#menutop { border-top:3px solid #9999cc; border-bottom:2px dotted #9999cc;}
#sidemenu li#menubottom { border-bottom:3px solid #9999cc;}
#sidemenu a { display:block; width:134px; padding:10px 10px; font-size:12px;text-decoration:none; font-weight:bold;}
#sidemenu a:hover { background:#FF0000; color:#FFFFFF; font-weight:bold;}
/*--------------------------------------------------------------------------------メイン右*/
#main_right {
float:right;
width:780px;
margin-bottom:20px;
}
/*--------------------------------------------------------------------------------セレクトボックス*/
.select_box_wrap {
width:778px;
margin:-20px 0 20px 0;
border:1px solid #666666;
border-top:0px;
background-color:#FFFFFF;}
.back_blue {background-color: #EFF4FF/*#DDE8FF*/}
.box_wrap_bn {margin-bottom:10px;padding-left:4px;}

.select_box {
float:left;
width:193px;
margin:4px 0;
border-right:1px solid #cccccc;}

.select_box img { padding-left:4px; margin:0;}
.select_box .btn_to-price a {
display:block; width:186px;
height:32px;
margin-left:4px;
background:url(images/btn_to-price.gif) no-repeat;}
.select_box .btn_to-price a:hover {background-position:0 -32px;}
/*------------------------------------------------------------------------------セレクトボックス 2*/
.select_box_2 {
position:relative;
float:left;
width:387px;
padding:0}
.select_box_2 p { position:absolute; font-size:16px; font-weight:bold; line-height:20px;}
.select_box_2 img { padding-left:4px; margin-bottom:0; padding-bottom:0;}

.box_wrap_bn_2 {margin-bottom:10px;margin-left:4px;}
.last {margin-right:0px; border-right:0px;}
/*------------------------------------------------------------------------------セレクトボックス 3*/
.select_box_3 {
position:relative;
width:769px;
padding:0;}
.select_box_3 p { position:absolute; font-size:16px; font-weight:bold; line-height:20px;}
.select_box_3 img { padding-left:4px; margin-bottom:0; padding-bottom:0;}

.box_wrap_bn_3 {margin-bottom:10px;margin-left:4px;}
/*------------------------------------------------------------------------プロフィール一言ボックス*/
#profbox {
width:932px;
padding:8px 8px 8px;
border:1px solid #999999;}
.title_2p {
font-size:28px;
line-height:40px;
padding:6px 12px;
margin:0 0 5px;
text-align:left;
background-color:#000066/*#e71f20*/;
background-image:none;
color:#FFFFFF;}
.title_3p {margin:0 0 0.3em;padding:0;color:#e71f20;}
/*プロフィール画像*/
#prof_img { border:1px solid #333333;}
/*店長写真*/
#picbase {
float:left;
width:188px;
text-align:center;
padding:5px 0 3px 0;
background: #ffffff;
margin: 0px 8px 10px 0px;
border:1px solid #999999;}
#picbase p { color:#000000; font-size:14px; line-height:140%;}
#picbase a { font-weight:bold;}

/*サブリンク*/
#sub_link_base { width:100%; height:125px; margin:10px auto; padding:0 0 5px; text-align:center; background:#333333;}
#sub_link_base ul#sub_link { padding:0; margin:0 0 0 18px;}
#sub_link_base ul#sub_link li { display:inline; list-style-type:none; padding:0;}
#sub_link_base ul#sub_link li a { float:left; width:178px; height:64px; margin:0 4px;}
/*サブリンク　販促用オリジナルラベル入りマスク*/
#sub_link_base ul#sub_link li#sl_01 a { background:url(images/img_btn_01.gif) no-repeat;}
#sub_link_base ul#sub_link li#sl_01 a:hover { background-position:1px 1px;}
/*サブリンク　ラベルなし袋入りマスク*/
#sub_link_base ul#sub_link li#sl_02 a { background:url(images/img_btn_02.gif) no-repeat;}
#sub_link_base ul#sub_link li#sl_02 a:hover { background-position:1px 1px;}
/*サブリンク　バラ商品*/
#sub_link_base ul#sub_link li#sl_03 a { background:url(images/img_btn_03.gif) no-repeat;}
#sub_link_base ul#sub_link li#sl_03 a:hover { background-position:1px 1px;}
/*サブリンク　オリジナルデザインＢＯＸ入りマスク*/
#sub_link_base ul#sub_link li#sl_04 a { background:url(images/img_btn_04.gif) no-repeat;}
#sub_link_base ul#sub_link li#sl_04 a:hover { background-position:1px 1px;}

/*--------------------------------------------------------------------------------個人情報テーブル*/
#privacy_table {width:100%;}
#privacy_table th {text-align:center;}
#privacy_table td {text-align:left;width:70%;}

/*--------------------------------------------------------------------------------お支払テーブル*/
#pay_table {margin:10px;}
#pay_table th {text-align:center;white-space:nowrap;}
#pay_table td {text-align:center;}

/*--------------------------------------------------------------------------------ルールテーブル*/
#rule_table {width:560px;}
#rule_table th {width:140px;text-align:left;font-size:12px;}
#rule_table td {font-size:12px;}

/*--------------------------------------------------------------------------------会社概要テーブル*/
#company_table {width:100%;}
#company_table th {text-align:center;}
#company_table td {text-align:left;width:70%;}

/*--------------------------------------------------------------------------------会社概要メールアドレスボタン*/
.mail_btn a {
	display:block;
	width:161px;
	height:25px;
	background:url(images/img_mailaddress.gif) no-repeat;
}
.mail_btn a:hover { display:block; background-position:1px 1px;}

/*--------------------------------------------------------------------------------料金表テーブル*/
.pricelist_tbl_wrap {float:right; width:620px; text-align:left; line-height:160%; font-size:12px;}
.pricelist_tbl {width:206px; float:left; empty-cells:show;}
.pricelist_tbl th {width:15%; height:30px;text-align:center;font-size:15px;border-right:0px; padding:3px 0;background:#ccccff;white-space:nowrap;}
.pricelist_tbl td {width:15%; height:30px;text-align:center;font-size:15px;font-weight:bold; white-space:nowrap;}
.pricelist_tbl span { font-size:14px; text-decoration: line-through;}
/*--------------------------------------------------------------------------------料金表テーブル(デザイン)*/
.pricelist_tbl_d {width:100%;}
.pricelist_tbl_d thead {background:#FFFF99;font-size:16px;font-weight:bold;}
.pricelist_tbl_d th {width:50%;text-align:center;font-size:14px;}
.pricelist_tbl_d td {width:50%;text-align:center;font-size:14px;}
.pricelist_tbl_d span { font-size:15px; text-decoration: line-through;}
/*--------------------------------------------------------------------------------トップ商材別背景_コンテンツ背景*/
.contBack_head { width:780px; height:12px; margin:5px auto 0px; background: url(images/img_back_head.gif) no-repeat;}
.contBack_mid {
	width:740px;
	padding:0 20px;
	margin:0 auto;
	background:	url(images/img_back_mid.gif) repeat-y;
	font-size:12px;
	font-weight:normal;
}
.contBack_mid a { text-decoration:none;}
.contBack_mid a:hover { text-decoration:underline;}
.contBack_foot { width:780px; height:15px; margin:0 auto 5px; background: url(images/img_back_foot.gif) no-repeat;}

/*--------------------------------------------------------------------------------リンク*/
.link {
	text-align:center;
	margin:10px 0 10px;
}
.link ul {
	padding:0;
	margin:0;
	white-space:nowrap;
}
.link ul li {
	display:inline;
	font-size:12px;
	font-weight:normal;
	padding:0 -0.5px;
	margin:0 -0.5px;
	list-style-type:none;
}
.link ul li a {
	text-decoration:none;
}
.link ul li a:hover {
	text-decoration:underline;
}
/*--------------------------------------------------------------------------------サージカルマスクの特徴背景画像*/
#feature {
	background:url(images/img_plabag.gif) no-repeat;
	background-position: bottom right;
}
/*--------------------------------------------------------------------------------フッター*/
#footer {
	padding: 0;
	margin:0;
	background:url(images/img_foot_back.gif) no-repeat;
}
#footer p {	margin: 0;	padding: 5px 0;}
#footer address {text-align:center;	font-weight:normal;	font-style:normal;}