@charset "UTF-8";
/* CSS Document */


/* テーマ：クール／フリーウェイ */

body {
	font-family:"Myriad", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 auto;
	padding:0;
	width:960px;
	font-size:90%;
	line-height:135%;
	color:#333;
	background:url(../img/body_img.gif) repeat;
}
table {text-align:left;}
th {vertical-align:top;}
/*
td { vertical-align:top;}
*/
h1, h2, h3, h4 { 
	padding:0;
	margin:0;
	font-size:100%;
	text-align:left;
}
a { color:#036;text-decoration:none;}
a:hover {color:#666;text-decoration:underline;}
/*
ul { list-style:square;}
*/
ul ul {list-style-type:none;}
img {border:0;}
form {padding:0;display:inline;}
p {
	line-height:1.5em;
	margin:5px 0;
	padding:2px 0;
}
.clear_both {
	clear:both;
	font-size:1px;
	visibility:hidden;
	overflow:hidden;
	height:1px;
	text-align:center;
}
.button1 { 
	cursor:hand;
	color:#FFF;
	background:#006;
	border:1px solid #333;
	border-color:#CCC;
	font-weight:bold;
}

.text1 {border:1px solid #CCC;}
.caution {font-weight:bold;color:#F00;}
.no2 {font-size:110%;} 
.item img {/* 商品画像枠  */
	height:auto;
	padding:5px;
	margin:10px;
	background:#FFF;
	text-align:center;
}
.spacebox {height:50px;}
/********************************************************************/
/* 大枠テーブル */
#container {
	width:860px;
	text-align:left;
	margin:0 auto;
	padding:0;
	border:1px solid #003;
	background:/* url(../img/container.gif) */ #FFF;
}
/* マイページ、ポップアップ画面 */
#enter {
	width:100%;
	text-align:left;
	background:/* url(../img/enter.gif) */ #FFF;
	border:1px solid #003;
}
/* ヘッダー */
#header {
	width:100%;
	height:68px;
 background:url(../../../../pic-labo/bk003.jpg) left #000;
}
td>#header { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:68px;
}
.NameArea {width:auto;}
.siteName { /* サイト名 h1（テキストの場合使用） */
	margin:0;
	padding:10px 10px 5px 10px;
	width:auto;
	font-size:180%;
	line-height:1em;
}
.siteName a {text-decoration:none; color:#FFF;}
.siteName a:hover {text-decoration:underline; color:#FFF;}
.shoplogo { /* サイト名（ロゴ設定の場合使用） */
	padding:0;
	margin:0;
	width:860px;
}
.sitecopy { /* サイトコピー */
	padding:2px 10px;
	margin:0;
	width:auto;
	color:#ddd;
	line-height:1em;
}
.sitecopy a {text-decoration:none; color:#ddd;}
.sitecopy a:hover {text-decoration:underline;color:#ddd;}
/* ヘッダーメニュー */
#headMenu {
	width:100%;
	height:20px;
	background-color:#EEE;
	/* background:url(../img/headmenu.gif); */
	clear:both;
}
.headnavi { /* ヘッダーメニューテキスト */
	padding:2px 20px;
	text-align:right;
}
.headnavi a {text-decoration:none;}
.headnavi a:hover {	text-decoration:underline;}
.navi01 {/* ヘッダーメニューアイコン */
	background-position:left center;
	background-repeat:no-repeat;
	height:20px;/* background:url(../img/hnavi01.gif) ;*/
}
/* ヘッダー下装飾ライン */
.hline {
	border:1px solid #ccc;
	/*background:url(../img/hline.gif) no-repeat #999;*/
}
/********************************************************************/

#leftSide { /* 左サイドtd */
	border-right:#ccc solid 1px;
	width:170px;
	padding:0;
	margin:0;
	background: #FFF;
	vertical-align:top;/* background:url(../img/leftside.gif) ;*/
}
#rightSide { /* 右サイドtd （3列）*/
	width:170px;
	padding:0;
	margin:0;
	background:#036;
	vertical-align:top;/* background:url(../img/rightside.gif) ;*/
}
#rightSide { /* 右サイドtd （3列 ブログ）*/
	width:170px;
	padding:0;
	margin:0;
	vertical-align:top;/* background:url(../img/rightside2.gif) ;*/
}
#center1 { /* センター td （2列）*/
	width:640px;
	padding:0;
	margin:0;
	vertical-align:top;
	background:#FFF;/* background:url(../img/center1.gif) ;*/
}
#center2 { /* センターtd （3列）*/
	width:520px;
	padding:0;
	margin:0;
	vertical-align:top;
	background:#999;/* background:url(../img/center2.gif) ;*/
}
#center3 { /* センターtd （装飾用）*/
	vertical-align:top;
	background:#FFF;/* background:url(../img/center3.gif) ;*/
}
#cartcenter {/* カート内レイアウトテーブル */
	width:690px;
	margin:0 auto;
}
.header_area { /* ヘッダのフリーエリア */
	text-align:left;
	width:680px;
	margin:0 5px;
	padding:0;
}
.footer_area { /* フッタのフリーエリア */
	text-align:left;
	margin:0;
	padding:0;
	background:#FFF;
}
.sidebox { /* サイド用ブロック（幅設定） */
	padding:0;
	margin:0;/* background:url(../img/sidebox.gif) ;*/
}
.centerbox { /* センター用ブロック（幅設定） */
	margin:0;
	padding:10px;/* background:url(../img/centerbox.gif) ;*/
}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.middle {vertical-align:middle;}
.buttom {vertical-align:buttom;}
.float_right {float:right;}
.float_left {float:left;}
/********************************************************************/
/* 基本商品テキスト設定 */

.price { /* 商品価格 */
	color: #C00;
	font-weight:bold;
	font-size:1.2em;
	text-align:left;
}
.price.zoom { /* 商品価格 （商品詳細） */
	font-size:1.25em;
	font-weight:bold;
}
.expl { /* 商品説明文 */
	text-align:left;
	color:#333;
}
.expl a {color:#333;text-decoration:none;}
.expl a:hover {color:#333;text-decoration:underline;}
.fixed { /* 商品定価 */
	color: #999;
	text-align:left;
	font-size:10px;
	margin:3px 0;
}
h2.goods /* 商品名 （商品一覧）*/
a {color:#036;font-weight:normal;text-decoration:none;}
a:hover {color:#666;text-decoration:underline;}
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin:0;
	padding:0;
}
.topIMG td {
	margin:0;
	padding:0;
	background:#444;
}
.shopCopy { /* サイト説明 */
	margin:0;
	padding:3px 10px;
	color:#FFF;
	font-weight:bold;
	text-align:left;
}
/* タイトルデザイン */

.free_title { /* タイトル1 h3 */
	padding:8px 10px 0 20px;
	margin:0;
	color:#036;
	width:auto;
	height:22px;
	background:url(/USERTHEMEIMG/vol1/macperfect.qm.shopserve.jp//title_bar01.gif) repeat;
	line-height:100%;
	vertical-align:middle;
}
.title1 { /* タイトル1 h3 */
	display:block;
	padding:6px 10px 0px;
	margin:10px 2px;
	color:#036;
	width:auto;
	height:20px;
	border:#ccc solid 1px;
	border-radius:3px;
	-moz-border-radius:3px;
	background: #FFF;
	line-height:100%;
}
.title1 a {color:#036;text-decoration:none;}
.title1 a:hover {color:#036;text-decoration:underline;}
.title2 { /* タイトル2 h3 */
	padding:8px 10px 0 20px;
	margin:0;
	width:auto;
	color:#FFF;
	height:22px;
	background:url(../img/title_bar02.gif) repeat;
	line-height:100%;
	vertical-align:middle;
}
.title2 a {color:#FFF;text-decoration:none;}
.title2 a:hover {color:#FFF;text-decoration:underline;}
.title3 { /* タイトル3 h3 */
	padding:8px 10px 0 20px;
	margin:0;
	width:auto;
	color:#FFF;
	height:22px;
	background:url(../img/title_bar02.gif) repeat;
	line-height:100%;
	vertical-align:middle;
}
.rank {text-align:left;}/* ランキングアイコン */

.mainCont { /* メインコンテンツ */
	padding:10px;
	margin:0;
	width:auto;
	background:#FFF;/* background:url(../img/maincont.gif) ;*/
}
.contbox { /* メインコンテンツ内項目ボックス*/
	padding:10px 0;
	margin:0;
	width:auto;
}
ul.news { /* 最新情報リスト設定 */i
	text-align:left;
	padding:0 0 0 12px;
	margin:0;
	list-style:square;
	color:#C03;
}
li.p3 {padding:3px;}
ul.free_list { /* リスト設定 */
	text-align:left;
	padding:5px 10px;
	margin:0;
	list-style:square;
	color:#666;
}
ul.list { /* リスト設定 */
	text-align:left;
	padding:5px 10px;
	margin:0;
	list-style:square;
	color:#666;
}
ul.map { /* サイトマップリスト設定 */
	text-align:left;
	padding:0 20px;
	margin:0;
	color:#036;
}
li.sm1 {
	margin:0 0.5em;
	display:block;
}
li.sm2 {
	margin:0 0 0 1.5em;
	display:block;
}
.sitemap { /* サイトマップリスト 項目タイトルh4*/
	padding:5px 25px;
	color:#036;
	background:url(../img/icon_sitemap.gif) no-repeat;
	background-position:left center;
}
.layoutp5 {padding:5px 0px;}
.layoutp5 th {padding:5px;}
.layoutp5 td {padding:5px;}
.layoutp5 .border {border:1px solid #CCC;}
.layoutp3 {padding:5px 0px;}
.layoutp3 th {padding:3px;}
.layoutp3 td {padding:3px;}
.layoutp3 .border {border:1px solid #CCC;}

.bordlayoutp3 {padding:5px 0px; border-top:1px solid #CCC; color:#666;}
.bordlayoutp3 th {padding:3px;border-bottom:1px solid #CCC; background:#FFF;}
.bordlayoutp3 td {padding:3px;border-bottom:1px solid #CCC; background:#FFF;}
.bordlayoutp3 .side {padding:10px 15px;}

.backcolor1 {background:#EEE;}
.backcolor2 {background:#EEE;}
.backcolor3 {background:#EEE;padding:10px 0px;}

/* 商品レイアウト（トップページセンター、商品一覧用）*/
.layoutFrame {/* 大枠 table */
	margin:10px 0 0;
	padding:2px;
	border-top:1px #999 solid;
	width:99%;
	background:#FFF;/* background:url(../img/layoutframe.gif) ;*/
}
.layoutFrame td {
	text-align:center;
	margin:0;
	padding:1px;
	vertical-align:top;
}
.layout1 { /* レイアウト */
	margin:1px;
	padding:3px;
	background:#FFF;/* background:url(../img/layout1.gif) ;*/
}
.layout1 td {
	margin:0;
	padding:3px;
	text-align:center;
}
/* 第二階層 */

#bread { /* パンクズ */
	margin:5px;
	text-align:left;
	display:block;
}
h4.title {
	margin:5px 0;
	padding:2px 0;
	color:#666;
	border-top:3px double #CCC;
}
.mainFrame { /* メイン大枠 */
	margin:0;
	padding:5px;
	background:#fff;/* background:url(../img/mainframe.gif) ;*/
}
p.title {
	margin:3px 0;
	padding:2px 0;
	color:#693;
	border-bottom:1px dotted;
	font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent { /* 新規登録 h4 */
	display:block;
	width:650px;
	border:#666 1px solid;
	border-radius:5px;
	padding:5px 10px;
	/* background:url(../img/icon_mailmag_ent.gif) no-repeat;*/
}
.mailmag_cha { /* アドレス変更 h4 */
	display:block;
	width:650px;
	border:#666 1px solid;
	border-radius:5px;
	padding:5px 10px;
	margin:200px 0 0;
	/* background:url(../img/icon_mailmag_cha.gif) no-repeat;*/
}
.mailmag_can { /* 配信解除 h4 */
	display:block;
	width:650px;
	border:#666 1px solid;
	border-radius:5px;
	padding:5px 10px;
	margin:200px 0 0;
	/* background:url(../img/icon_mailmag_can.gif) no-repeat;*/
}
#sortList { /* ソート */
	margin:0;
	padding:10px 3px 5px;
	width:auto;
	color:#333;
	float:right;
}
.pageTop { /* ページトップ */
	padding:3px 5px 0 17px;
	margin:10px 5px;
	background:url(../img/icon_top.gif) no-repeat;
	font-size:76%;
	font-weight:bold;
	float:right;
}
.pageTop a {color:#335B90;text-decoration:none;}
.pageTop a:hover {color:#335B90;text-decoration:none;}
/********************************************************************/
/*フッターーメニューレイアウト設定*/
#footer {
	padding:0;
	margin:0;
	width:auto;
	height:40px;
	background:#fff;
	text-align:center;
}
td>#footer { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:40px;
}
.footnavi {padding:5px 20px 5px;color:#036;}
.footnavi a {color:#036;text-decoration:none;}
.footnavi a:hover {color:#036;text-decoration:underline;}
#copyright { 
	padding:0;
	margin:0;
	width:auto;
	height:20px;
	color:#FFF;
	background:#001F45;
	text-align:center;/* background:url(../img/copyright.gif) ;*/
}
#footer>#copyright { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:30px;
}
#copyright a {color:#FFF;}
#copyright a:hover {	color:#FFF;}
/********************************************************************/
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
	padding:6px 5px 12px;
	margin:0;
	width:auto;
	background:url(../img/search_img01.gif) #ddd;
	display:none;
}
#search label {
	padding:0;
	margin:0;
	color:#036;
	font-weight:bold;
	display:none;
}
.fieldarea {
	padding:5px 0 5px;
	virtical-align:center;
}
/*サイドメニューカテゴリリスト */

.list { /* メニュー枠設定 */
	padding:0;
	display:block;
	line-height:100%;
	background:#fff;
	/* background:url(../img/list.gif) ;*/
}
.list h3 { /* タイトル */
	padding:5px;
	margin:0;
}
ul.free_listbox {
	text-align:left;
	padding:0;
	margin:0;
	list-style:none;
}
ul.listbox {
	text-align:left;
	padding:0;
	margin:0;
	list-style:none;
}



li.ca1 {margin:5px 0 0; border-top:1px #ddd solid;}
li.ca2 {margin:0; }
li.ca1 a {
	padding:5px 3px 5px 15px;
	display:block;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	background:#fff;/*url(../img/icon_eye01.gif) no-repeat;*/
}
li.ca1 a:hover {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	background:#036;/*url(../img/icon_eye01_ov.gif) no-repeat;*/

}
li.ca2 a {
	padding:3px 3px 3px 15px;
	display:block;
	color:#666;
	text-decoration:none;
	background:#fff;/*url(../img/icon_eye02.gif) no-repeat;*/
}
li.ca2 a:hover {
	color:#FFF;
	text-decoration:none;
	background:#036;/*url(../img/icon_eye02_ov.gif) no-repeat;*/

}
li.ca3 {margin:0;}
li.ca3 a {
	padding:5px 3px 5px 15px;
	display:block;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	background:#fff;/*url(../img/icon_eye01.gif) no-repeat;*/
}
li.ca3 a:hover {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	background:#036;/*url(../img/icon_eye01_ov.gif) no-repeat;*/
}
li.ca4 {
	margin:0;
	border-bottom:1px #ddd solid;
}
li.ca4 a {
	padding:3px 3px 3px 20px;
	display:block;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	background:#fff;/*url(../img/icon_eye02.gif) no-repeat;*/
}
li.ca4 a:hover {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	background:#369;/*url(../img/icon_eye02_ov.gif) no-repeat;*/
}


.sline1 { /* サイドバー下ライン */
	padding:0;
	margin:0;
	height:5px;
	background:#fff;/* background:url(../img/sline1.gif) ;*/
}
.sline2 { /* サイドバー下ライン */
	padding:0;
	margin:0;
	height:5px;
	background:#CCC;/* background:url(../img/sline2.gif) ;*/
}


/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin:0;
	padding:5px;
	background:#fff;/* background:url(../img/sidemain1.gif) ;*/
}
.sidemain1 p {
	padding:3px 0;
	margin:0;
	line-height:120%;
}
.sidemain1 ul { /* リスト設定 */
	margin:0;
	padding:3px 0;
	list-style:none;
}
.sidemain1 li {
	display:block;
	padding:2px 0 2px 10px;
	color:#334d55;
	/*background:url(../img/icon_eye03.gif) no-repeat;*/
}
/* カレンダー */
caption { /* 年月タイトル */
	font-weight:bold;
	text-align:center;
	padding:3px;
	color:#333;
}
caption a {color:#333;text-decoration:none;}
caption a:hover {color:#333;text-decoration:underline;}
.carender { /* カレンダー テーブル*/
	width:140px;
	border-collapse:collapse;
	padding:5px 0;
	margin:0 auto;
	text-align:center;
}
.carender td {
	padding:2px;
	border-collapse:collapse;
	text-align:right;
	border:1px solid #CCC;
}
.carender th {
	padding:2px;
	border-collapse:collapse;
	border:1px solid #CCC;
}
th.day { /* ヘッダ平日 */
	font-weight:bold;
	color:#333;
	background:#EEE;
	text-align:center;
}
th.sun { /* ヘッダ日曜 */
	color:red;
	background:#E2CBEA;
	text-align:center;
}
th.sat { /* ヘッダ土曜 */
	color:blue;
	background:#CCDEFF;
	text-align:center;
}
.chert { /* 表示色説明枠  */
	margin:5px;
	font-size:84%;
}
.chert td {
	border-collapse:separate;
	padding:0 0 0 5px;
	border:2px solid #FFF;
}
.line01 {
	border:#CCC 1px dotted;
	vertical-align:buttom;
}
#rss {margin:0;padding:5px;}
#count {margin:0;padding:5px;color:#FFF;}
/********************************************************************/
/* ブログ */

.blogbox { /* コメントボックス*/
	padding:5px;
	margin:2px 0px;
	width:auto;/* background:url(../img/blogbox.gif) ;*/
}
.entry_title { /* ブログエントリータイトル h2 */
	padding:5px 0 10px;
	display:block;
	font-size:116%;
	color:#036;/* background:url(../img/entry_title.gif) ;*/
}
.entry_date {
	display:block;
	padding:10px 0 3px;
	color:#369;
	text-align:right;
}
.state { /* ブログステータス */
	padding:2px 0;
	text-align:right;
	border-top:#ded9c5 1px dashed;
}
.subtitle {/* h3 ブロックサブタイトル */
	padding:2px 0;
	margin:10px 0;
	text-align:left;
	font-size:110%;
	color:#369;
	border-bottom:#369 2px solid;/* background:url(../img/subtitle.gif) ;*/
}
p.label { /* ブログコメントタイトル */
	font-weight:bold;
}
.tb_url { /* トラックバックurl */
	font-weight:bold;
	margin-bottom:10px;
}
/********************************************************************/
/* カート */

.point {font-size:120%;color:red;font-weight:900;}
.pointline {
	font-size:100%;
	color:red;
	font-weight:900;
	padding:3px;
	background-color:#D6C692;
}
/* ナビゲーション （固定）*/
.step_navi01, .step_navi02, .step_navi03, .step_navi04 {
	text-align:center;
	width:100%;
	height:83px;
}
.step_navi01 {background-image:url(../img/navi01.gif);background-repeat:no-repeat}
.step_navi02 {background-image:url(../img/navi02.gif);}
.step_navi03 {background-image:url(../img/navi03.gif);}
.step_navi04 {background-image:url(../img/navi04.gif);}
/*
.red {color: #F00;}
.blue {color: #00F;}
.grey {color: #666;}
.pink {color: #F0F;}
*/

/********************************************************************/

.helpsubtitle{
	margin:1em 0;
	width:650px;
	text-align:left;
}
.helpsubtitle h2{
	border-bottom:#006 solid 1px;
	font-size:1.5em;
}
.helpsubtitle li{
	list-style-image:url(http://www.macperfect.com/img_macperfect/help/arrow.gif);
	margin-top:0.5em;
}
/*.sidetitle{width:168px; display:block; padding:5px; margin:10px auto 0; background:url(http://image1.shopserve.jp/macperfect.com/pic-labo/minibnrtitle01.png) repeat-x; color:#FFF; border:#000 1px solid; text-align:center;}*/
.sidetitle{width:168px; display:block; padding:5px; margin:10px auto 0; background:url(http://image1.shopserve.jp/macperfect.com/pic-labo/minibnrtitle02.png) repeat-x; color:#666; border:#ccc 1px solid; text-align:center; font-size:10px;}
.sidesearch{width:168px; display:block; padding:5px; margin:10px auto 0; background:url(http://image1.shopserve.jp/macperfect.com/pic-labo/minibnrtitle01.png) repeat-x; color:#FFF; border:#000 1px solid; text-align:center; border-radius:5px;}


.footer_area h4{border-left: 0.8em solid #999; border-radius: 0.2em; padding: 0.2em 0.5em; display: block; background: #ccc; color: #333; margin:0 0 5px;font-size:12px;}
.footer_area h5{border-bottom:#ccc 1px solid; padding:0.2em; margin:5px; font-size:12px;}

/* 更新履歴 */
.history h2{}
.history dl{}
.history dt{border-top:#ccc 1px solid; padding:5px 0; clear:both; float:left; display:block;}
.history dd{border-top:#ccc 1px solid; padding:5px 0; margin:1em 0 1em 8.5em;}

/* 商品情報 */
.product_info { width:700px; border-top:1px #CCC solid; margin:20px 0;}
.product_info td, .product_info tr { border:none; margin:2px; padding:5px; text-align:left; vertical-align:top;}
.product_info tr td { margin:2px; padding:5px; text-align:left; vertical-align:top; overflow:hidden; }
.product_info td ,.product_info th { border-bottom:1px #CCC solid;}
.product_info b,.product_info strong { color:red;}

/* カテゴリ */
.categoryheader_short{ width:700px; height:100px; border:0;overflow:hidden; displey:block;}
.categoryheader_middle{ width:700px; height:200px; border:0;overflow:hidden; displey:block;}
.categoryfooter_middle{ width:700px; height:600px; border:0;overflow:hidden; displey:block;}