@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #D0E4F2;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

p.c-both {clear:both;}

br.clear {clear:both;}

.border {
	border:solid 1px #999;
}

#main p.lastNode {
	margin-bottom: 0;
}
a:link img, a:visited img {
	border: none;
}

#wrapper {
	top:0;
	background-color:#FFF;
	width:820px;
	margin: 0 auto;
}

/* ------------------------------------- 
 *	ヘッダ
 * ------------------------------------- */
#header {
	position:relative;
	width: 100%;
	padding-left:10px;
}
#header h1 {	
	font-size:12px;
	}
#logo {
	margin-bottom: 0;
}	
#free_diar {
	position: absolute;
	left:0;
	margin-left:525px;
}

/* タブライン */
#tab_line {	
	width:800px;
	height: 35px;
	margin-top:25px;
	margin:25px 0 10px;
	border-bottom:solid 10px #003366;
}


/* メニュータブ */
#tab_line ul.tab_menu {
	margin-bottom: 0;
}
#tab_menu ul {
	}
#tab_line li {
	display:inline;
	list-style:none;
}

/* テキストリンク */
#tab_link {
	position:absolute;
	top:105px;
	left:605px;	
}
#tab_link li {
	display:inline;
	background:url(http://sf-plus.jp/images/arrow01.gif) left center no-repeat;
	padding-left:23px;
	font-size:14px;
	padding-top:5px;}
#tab_link a {
	color:#0D799D;
	text-decoration:none;
}


/* ------------------------------------- 
 *	グランドメニュー
 * ------------------------------------- */
.gr_menu {
	width:100%;
}
.gr_menu ul {
	list-style:none;
	margin-left:0px;
}
.gr_menu li {
	float:left;
	margin-right:4px;
}


/* ------------------------------------- 
 *	flash
 * ------------------------------------- */

#flashContent {
	width: 100%;
	height: 280px;
	margin:0 0 50px 10px;
}

/* ------------------------------------- 
 *	サイドコンテンツ
 * ------------------------------------- */
#side {
float:right;
width: 190px;
margin-right:9px;}

#side img,#side_02 img {
	margin-bottom:15px;	
}
	
/* サブページ用 */
#side_02 {
float:right;
width: 190px;
margin-right:9px;}

/* ------------------------------------- 
 * 各メニュー
 * ------------------------------------- */
.s_navi {
	margin-bottom: 10px;
	padding: 0;
	list-style-type: none;
}
.s_navi h3 {
	padding:8px 10px;
	background:url(http://sf-plus.jp/images/sm_top.gif) no-repeat left bottom;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	}
	
.s_navi li {
	margin:0;
	padding:0;
	}
.s_navi li a {
	display: block;
	width: 190px;
	height: 29px;
	line-height: 29px;
	font-size: 0.75em;
	text-align: left;	
	color: #000;
	background: url(http://sf-plus.jp/images/sm_base.gif) no-repeat left bottom;
	text-indent: 30px;
	text-decoration:none;
}

.s_navi li a:hover {
	background-position: right bottom;
	background-color: #F90;
	text-decoration:none;
}
/* ------------------------------------- 
 *	ミドルコンテンツ
 * ------------------------------------- */

#contents {
	width: 100%;
	/*top:180px;*/
	}
	
/* サブページ用 */
#contents_02 {
	position: relative;
	margin-top:105px;
	width: 100%;}


#con_menu {
	margin-left:15px;
	margin-top:0px;
}


#main {
	float:left;
	/*position:static;*/
	margin-left:9px;
	width: 600px;
	text-align:left;}



/* ------------------------------------- 
 *	フッター
 * ------------------------------------- */
/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
	width: 100%;
	background-color: #003366; /*ブルー*/
	background-position: left bottom;
	clear: both;
	margin-top:15px;
	padding: 15px 0 10px;
	text-align: center;
	color: #FFF;
	font-size:14px;	
}

/* フッターリンク */

#footer a:link    {
	color: #FFF;
	text-decoration: none;
}
#footer a:visited {
	color: #FFF;
	text-decoration: none;
}
#footer a:active  {
	color: #FFF;
	text-decoration: underline;
}
#footer a:hover   {
	color: #FFF;
	text-decoration: underline;
}



/* --- フッタメニュー --- */
#footer ul.nl {
	margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
	padding: 0;
	list-style-type: none;
	text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
	padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
	background: url(http://sf-plus.jp/image/menu_line_gray.gif) no-repeat left; /* 項目の背景（区切り線） */
	display: inline;
}
/* 最初の項目 */
#footer ul.nl li.first {
	background-image: none; /* 区切り線なし */
}
/* ガイドメニュー */
#footer ul.guide {
	margin: 0 0 20px; /* ガイドメニューのマージン（上書き） */
}
/* --- アドレス・コピーライト --- */
#footer address {
	font-style: normal;
	text-align: center;
	line-height: 140%; /* 行の高さ */
}
/* --- ▲フッタ内の設定終了 --- */







/* ------------------------------------- 
 *	コンテンツ
 * ------------------------------------- */

/* --- セクション（共通設定） --- */
#main div.section {
margin:0 0 1em;}

/* --- 標準セクション --- */
/* --- 見出しエリア --- */
#main div.normal div.heading {
margin:0 10px 1em 0;
padding:6px;
background-color:#D0F4F7;}

/* --- 見出し --- */
#main div.normal h2 {
margin:0;
padding:1px 0 0 5px;
border-left:5px #0D799D solid;
font-size:120%;
line-height:100%;}

/* --- 段落 --- */
#main div.normal p {
margin:0 10px 1em;
line-height:160%;}

#main div.normal img {
margin:0.5em 0;
}






/* 詳細ページ */
.detail {
	margin:0 0 1.5em;
	padding:0;
	clear:both;
}
.detail_box {
	margin:10px 0;
	padding:0;
	clear:both;
}
.detail_box p{
	padding-left:10px;
}
.detail h2,.detail_box h2 {
	display:block;
	width:600px;
	height:50px;
	background:url(http://sf-plus.jp/etc/images/bg_img_h2.gif) no-repeat;
	padding-left:25px;
	padding-top:14px;	
	font-size:16px;
	font-weight:bold;
}
div#main div.detail h3,
#main div.detail_box h3 {
	display:block;
	width:600px;
	height:26px;
	background:url(http://sf-plus.jp/etc/images/bg_img_h3.gif) no-repeat;
	margin:0.5em 0;
	padding-left:25px;
	padding-top:5px;
	font-size:16px;
}
.detail h4 {
	display:block;
	width:600px;
	height:26px;
	background:url(http://sf-plus.jp/etc/images/bg_img_h4.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;	
	font-size:16px;
	}
.detail img,.detail_box img {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}
.detail p {
	padding-left:5px;
}
.detail ul,.detail_box ul {
	list-style-position:inside;
}
.detail li,.detail_box li {
	margin-left:15px;
	margin-bottom:5px;
}
.detail table,.detail_box table,.box table {
	border-collapse:collapse;
	background:#FFF;
}
.detail td,.detail_box td,.box td {
	border:1px solid #69F;
	padding:5px;
}

/* プライバシーボリシー・商取法 */
.textbox {
	margin:10px 0;
	padding:0;
	line-height:1.5;
}
.textbox h2 {
	display:block;
	width:600px;
	height:26px;
	background:url(http://sf-plus.jp/etc/images/bg_img_h3.gif) no-repeat;
	padding-left:25px;
	padding-top:2px;	
	font-size:16px;
}
.textbox h3 {
	display:block;
	width:600px;
	height:26px;
	background:url(http://sf-plus.jp/etc/images/bg_img_h4.gif) no-repeat;
	text-indent:25px;
	padding-top:2px;	
	font-size:16px;
}
.textbox p {
	margin-left:15px;
}
.textbox img {
	float:left;
	padding-right:10px;
}

.textbox ul {
	list-style-position:inside;
}
.textbox li {
	margin-left:15px;
	margin-bottom:5px;
}
.textbox table {
	border-collapse:collapse;
	background:#FFF;
	font-size:0.875em;
}
.textbox td {
	border:1px solid #69F;
	padding:5px;
}
/*お支払方法・発送方法*/
div.boxinfo {
	border:solid 1px #69F;
	width:590px;
}

/*写真ギャラリー*/

.detail img.gallery {
	margin-left:50px;
}
.detail p.gallery {
	clear:both;
	text-align:center;
}

.license {
	border:dashed 1px #06F;
	width:580px;
	margin:10px auto;
	padding:10px;
}

/*トップ効能について*/
.colorwaku{
	width:580px;
	background:#FFC;
	color:#630;
	font-size:0.875em;
	margin:10px 0;
	padding:10px;
}

/*よくある質問*/
#qa {
	width:600px;
	margin:0;
	padding:0;
}
#qa h2 {
	display:block;
	width:600px;
	height:50px;
	background:url(http://sf-plus.jp/etc/images/bg_img_h2.gif) no-repeat;
	padding-left:25px;
	padding-top:14px;	
	font-size:16px;
	font-weight:bold;
	}

.box {
	margin:0;
	padding:0;
}
.box h2 {
	display:block;
	width:600px;
	height:50px;
	background:url(http://sf-plus.jp/etc/images/bg_img_h2.gif) no-repeat;
	padding-left:25px;
	padding-top:14px;	
	font-size:16px;
	font-weight:bold;
}
.box h3 {
	display:block;
	width:600px;
	height:26px;
	background:url(http://sf-plus.jp/etc/images/bg_img_h3.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;	
	font-size:16px;
}
.box h4 {
	display:block;
	width:600px;
	height:26px;
	background:url(http://sf-plus.jp/etc/images/bg_img_h4.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;	
	font-size:16px;
}
.box p {
	
}
.box ul {
	list-style-position:inside;
}
.box li {
	margin-left:15px;
	margin-bottom:5px;
}
.box table {
	margin-top:10px;
}
#form {
	width:580px;
	height:176px;
	background:url(http://sf-plus.jp/mailform/images/operator.jpg) no-repeat right bottom;
}

/*商品一覧*/
.item_list {
	margin: 10px 0px;
	padding: 0px;
	}

.item_list img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
/* 見出し */
.item_list h2 {
	display:block;
	width:600px;
	height:50px;
	background:url(http://sf-plus.jp/etc/images/bg_img_h2.gif) no-repeat;
	padding-left:25px;
	padding-top:14px;	
	font-size:16px;
	font-weight:bold;
}
.item_list h3 {
	display:block;
	width:600px;
	height:26px;
	background:url(http://sf-plus.jp/etc/images/bg_img_h3.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;	
	font-size:16px;
}
.item_list h4 {
	display:block;
	width:600px;
	height:26px;
	background:url(http://sf-plus.jp/etc/images/bg_img_h4.gif) no-repeat;
	padding-left:25px;
	padding-top:5px;	
	font-size:16px;

	}
.item_list p {
	margin: 10px;
}
.item_list table {
	border-collapse:collapse;
	background:#FFF;
	font-size:0.875em;
}
.item_list td {
	border:1px solid #69F;
	padding:5px;
}
.item_list form{
	margin-left:30px;
}


/*fax注文*/
.flame {
	margin-bottom: 15px;
	padding: 15px 0;
	width: 600px;
	border-bottom: solid 1px #333;
}
.flame h4 {
	display:block;
	width:600px;
	height:50px;
	background:url(../etc/images/bg_img_h2.gif) no-repeat;
	padding-top:13px;
	padding-left:25px;
	}
.flame div.list {
	width:490px;
	border:solid 1px #ccc;
	padding:5px;
	margin-left:50px;
}
.flame div.list ul {
	
}
.flame div.list li {
	font-size:0.875em;
	list-style-position:inside;
}
/*フリーダイヤル*/
.freedial {
	width:500px;
	margin-top:10px;
	margin-left:40px;
	padding:0;
}
.freedial img {
	margin:auto;
}
.freedial p {
	
}