@charset "utf-8";



/* ------------------------------------------



ブラウザスタイルの初期化



------------------------------------------ */



* {

    margin:0;

    padding:0;

    line-height:1;

    font-size:100%;

}



body {

    color: #333;

    background-color:#FFF;

}



#container {

	width: 100%;

	text-align: center; /* IE5.5用 */

}





/* 画像のリンクボーダーの削除 */



img {

    border:0;

}



.footTag {

	display: none;

	line-height: 0;

	font-size: 0;

}



/* ------------------------------------------



リンク設定



------------------------------------------ */



a:link {

	text-decoration:none;

	color: #06C;

}

a:visited {

    text-decoration:none;

	color: #09C;

}

a:hover {

    text-decoration:underline;

	color: #F60;

}

a:active {

    text-decoration:underline;

	color: #F60;

}



/* フッターサイトマップリンク色設定 */



#footer a:link,

#copy a:link {

	text-decoration:none;

	color: #333;

}

#footer a:visited,

#copy a:visited {

    text-decoration:none;

	color: #333;

}

#footer a:hover,

#copy a:hover {

    text-decoration:underline;

	color: #23c3d6;

}

#merrymaids #footer a:hover,

#merrymaids #copy a:hover {

    text-decoration:underline;

	color: #cc0066;

}

#footer a:active,

#copy a:active {

    text-decoration:none;

	color: #333;

}



/* ------------------------------------------



フォント一括指定



------------------------------------------ */



/* IE6.0以下用 */



p, h1, h2, h3, h4, h5, h6, dt, dd, li, th, td, caption {

	font-size: x-small;

	line-height: 140%;

	color: #333;

	voice-family: "\"}\"";

	voice-family:inherit;

	font-size:small;

	line-height:140%;

	color:#333;

}







/* ------------------------------------------



フォント個別指定



------------------------------------------ */



/* IE6.0以下用 */



.small {

	font-size: xx-small;

	line-height:140%;

	voice-family: "\"}\"";

	voice-family: inherit;

	font-size: x-small;

	line-height:140%;

}



.middle {

	font-size: x-small;

	line-height:140%;

	voice-family: "\"}\"";

	voice-family: inherit;

	font-size: small;

	line-height:140%;

}



.large { 

	font-size: small;

	line-height:140%;

	voice-family: "\"}\"";

	voice-family: inherit;

	font-size: medium;

	line-height:140%;

}



/* その他ブラウザ用 */



html>body .small {

	font-size: x-small;

	line-height:140%;

}



html>body .middle {

	font-size: small;

	line-height:140%;

}



html>body .large {

	font-size: medium;

	line-height:140%;

}







/* ------------------------------------------



強調・価格（オレンジ）指定



------------------------------------------ */



strong {

	font-weight:bold;

}



em {

	font-weight:bold;

	font-style:normal;

	color:#F60;

}



.bold {

	font-weight:bold;

}



.normal {

	font-weight: normal;

}







/* ------------------------------------------



共通レイアウト



------------------------------------------ */



/* フロート用 */



.ftRight {

	float:right;

}



.ftRightPd10 {

	float:right;

	padding:0 0 0 10px;

}



.ftLeft {

	float:left;

}



.ftLeftPd5 {

	float:left;

	padding:5px;

}





/* テキスト位置用 */



.alignCenter {

	text-align:center;

}



.alignRight {

	text-align:right;

}



.alignLeft {

	text-align:left;

}





/* パディング用 */



.pdTop5{

	padding-top:5px;

}



.pdTop10{

	padding-top:10px;

}



.pdTop15{

	padding-top:15px;

}



.pdTop20{

	padding-top:20px;

}





.pdBottom5{

	padding-bottom:5px;

}



.pdBottom10{

	padding-bottom:10px;

}



.pdBottom15{

	padding-bottom:15px;

}



.pdBottom20{

	padding-bottom:20px;

}



.pdBottom40{

	padding-bottom:40px;

}





.pdLeft5 {

	padding-left:5px;

}



.pdLeft10 {

	padding-left:10px;

}



.pdLeft20 {

	padding-left:20px;

}





.pdRight5 {

	padding-right:5px;

}



.pdRight10 {

	padding-right:10px;

}



.pdRight20 {

	padding-right:20px;

}





/* マージン用 */



.mgTop-8{

	margin-top:-8px;

}



.mgTop3{

	margin-top:3px;

}



.mgTop5{

	margin-top:5px;

}



.mgTop8{

	margin-top:8px;

}



.mgTop10{

	margin-top:10px;

}



.mgTop15{

	margin-top:15px;

}



.mgTop20{

	margin-top:20px;

}



.mgTop30{

	margin-top:30px;

}





.mgBottom5{

	margin-bottom:5px;

}



.mgBottom10{

	margin-bottom:10px;

}



.mgBottom15{

	margin-bottom:15px;

}



.mgBottom20{

	margin-bottom:20px;

}



.mgBottom30{

	margin-bottom:30px;

}



.mgBottom40{

	margin-bottom:40px;

}





.mgLeft5 {

	margin-left:5px;

}



.mgLeft10 {

	margin-left:10px;

}



.mgLeft15 {

	margin-left:15px;

}



.mgLeft20 {

	margin-left:20px;

}



.mgLeft25 {

	margin-left:25px;

}





.mgRight5 {

	margin-right:5px;

}



.mgRight10 {

	margin-right:10px;

}



.mgRight15 {

	margin-right:15px;

}



.mgRight20 {

	margin-right:20px;

}



.mgRight25 {

	margin-right:25px;

}





/* クリアフロート用 */



.clear {

	clear:both;

}



.clearfix {

	display: inline-table;

}



.clearfix:after {

	content: "";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

*+html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* End hide from IE-mac */





/* インライン・ボックス */



.displayInline {

	display: inline;

}



.displayBlock {

	display: block;

}







/* ------------------------------------------



width指定関連



------------------------------------------ */



.width100 {

	width:100px;

}



.width150 {

	width:150px;

}



.width165 {

	width:165px;

}



.width200 {

	width:200px;

}



.width250 {

	width:250px;

}



.width262 {

	width:262px;

}



.width312 {

	width:312px;

}



.width324 {

	width:324px;

}



.width362 {

	width:362px;

}



.width424 {

	width:424px;

}







/* ------------------------------------------



ボーダー関連



------------------------------------------ */



.bdDotGray {

	background-image: url(/common/images/bd_dot_gray.gif);

	background-repeat: repeat-x;

	background-position: bottom;

}







/* ------------------------------------------



リスト関連



------------------------------------------ */



ul.pdLeft1em {

	list-style:disc;

	margin:0;

	padding: 0 0 0 1em;

}

ol.NumList li{

	width: 150px;

	float: left;

	margin-right:10px;

	list-style-type: decimal;

}

ul.listNone {

	list-style-type: none;

}





ul.list131,

ul.list262 {

	width: 524px;

	list-style-type: none;

	display: inline-table;

}

ul.list131:after,

ul.list262:after {

	content: "";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

/* MacIE以外に適用 \*/

* html ul.list131,

* html ul.list262 {

	height: 1%;

}

*+html ul.list131,

*+html ul.list262 {

	height: 1%;

}

ul.list131,

ul.list262 {

	display: block;

}

/* */

ul.list131 li {

	float: left;

	width: 131px;

}

ul.list262 li {

	float: left;

	width: 262px;

}







/* ------------------------------------------



枠線



------------------------------------------ */



.boxType01 {

	width: auto;

	border: 1px solid #CCCCCC;

	background-color: #FFF0FF;

}



.boxType02 {

	width: auto;

	border: 1px solid #FEB2B4;

	background-color: #EFFAD8;

}



.boxType02 p {

	color: #FF0000;

	font-weight: bold;

}



.boxType03 {

	width: auto;

	border: 1px solid #CCCCCC;

	background-color: #FFFFFF;

}



.boxType04 {

	width: auto;

	border: 1px solid #F0F0F0;

	background-color: #FFFFFF;

}







/* ------------------------------------------



インクルードのお知らせエリア（外枠）



------------------------------------------ */



#infoArea-head740 {

	width: 740px;

	margin-right: auto;

	margin-left: auto;

	text-align: left;

}



#infoArea-head524 {

	width: 524px;

	text-align: left;

}



#infoArea-foot524 {

	width: 524px;

	text-align: left;

}



#infoArea-foot740 {

	width: 740px;

	margin-right: auto;

	margin-left: auto;

	text-align: left;

}



/* テーブルカラー*/

.f01 {background-color:#ffffff; }

.g01 {background-color:#f3f3f3; }

.g02 {background-color:#cccccc; }

.b01 {background-color:#0066cc; }

.b02 {background-color:#dae9f3; }

.pur01 {background-color:#dbdbff; }

.y01 {background-color:#fcf1b7; }

.gre01 {background-color:#e3f1b8; }

.gre02 {background-color:#c4edc7; }

.gr02 {background-color:#A1BD03; }

.bro01 {background-color:#f0e9da; }

.pin01 {background-color:#fff0ff; }

.gift01 {background-color:#ffe2e2; }





/* テキスト*/

.tbo{font-weight:bold; }

.notes{color:#666666; }

.tre{color:#cc0000; }

.torbo{color:#ff6600; font-weight:bold; }

.tbubo{color:#5c8ae6; font-weight:bold;}

.tgrbo{color:#009900; font-weight:bold;}

.tichiranbo{color:#ff6600; font-weight:bold; }

.red {color: #FF0000;}

.red_b {font-weight: bold;	color: #FF0000;}

.green_aller {font-weight: bold; color: #000; background-color:#a5e149; padding:3px;}





/* タイトルプロパティ*/

.lead01{width:524px; color:#5C8AE6; font-weight:bold; padding-left:10px; padding-top:15px; padding-bottom:10px}

.lead02{color:#5C8AE6; font-weight:bold; padding-bottom:5px}





/* インデントプロパティ*/

.allpa05{padding:5px; }

.sidepa10{padding-left:10px; padding-right:10px; }

.sidepa10_524{width:524px; padding-left:10px; padding-right:10px; }

.right524{width:524px; text-align:right;}

.right580{width:580px; text-align:right;}

.right740{width:740px; text-align:right;}

.comment{width:524px; padding-top:3px; padding-bottom:3px; padding-left:10px; padding-right:10px; }

.comment02{width:504px; padding-top:3px; padding-bottom:3px; padding-left:10px; padding-right:10px; }

.catch{font-weight:bold; padding-bottom:15px; }





/* ボックスプロパティ*/

/*.topbox01{width:285px; padding: 3px; background: #ffffff 100%; border: 1px solid #cccccc; }

.topbox02{width:241px; padding: 3px; background: #ffffff 100%; border: 1px solid #cccccc; }

.topbox03{width:504px; padding: 3px; background: #ffffff 100%; border: 1px solid #cccccc; }

.topbox04{width:504px; padding: 3px; background: #ffffff 100%; border: 1px solid #cccccc; }

.topbox05{width:339px; padding: 3px; background: #ffffff 100%; border: 1px solid #cccccc; }

.box01{width:524px; padding: 3px; background: #ffffff 100%; border: 1px solid #cccccc;}

.box02{width:524px; padding: 3px; background: #dae9f3 100%; border: 1px solid #cccccc;}

.box03{width:524px; padding: 3px; background: #f3f3f3 100%; border: 1px solid #cccccc;}

.box04{width:524px; padding: 3px; background: #fff0ff 100%; border: 1px solid #cccccc;}

.box_lo_jiten{padding: 3px; background:#fff; border: 1px solid #836f70; text-align:center;}

*/



/* 商品一覧プロパティ*/

.indtitle{background: #dbdbff; font-weight:bold; }

.itemwidth{padding:5px; }

.itemright{float:right; }

.itemphoto01{width:80px; border: 1px solid #cccccc;}

.itemphoto02{float:right; width:80px; border: 1px solid #cccccc;}

.itemphoto03{float:right; width:115px; border: 1px solid #cccccc;}

.itemphoto_top{float:left; width:80px; border: 1px solid #cccccc;}





/* text-align属性 */

.alignleft { text-align: left; }

.aligncenter { text-align: center; }

.alignright { text-align: right; }



/* align属性 */

.align-t { vertical-align:top;}

.align-m { vertical-align:middle;}

.align-b { vertical-align:bottom;}


/* テキストリンクデフォルト */
a.link_txt_b {
	color: #0066CC;
	text-decoration: underline;
}

a.link_txt_b:hover {
	color: #F00000;
	text-decoration: none;
}