@charset "euc-jp";

/* -------------------------------------------------------------
[0] 全体指定
[1] レイアウトに関する指定
[2] ヘッダーブロック内に関する指定
[3] コンテンツブロック内に関する指定
[4] サイドバーブロック内に関する指定
[5] フッターブロック内に関する指定
[6] highslide 指定


【メモ】アップ時はこの文章を削除
メインコンテンツ部分のh2-h3-h4要素に関しては、商品紹介ページでは
CSS設定を一度リセットした方が、作業しやすいかもしれません。＞375行目以降

※このCSSファイルを書き換えるわけではなく、各ディレクトリでCSSフォルダとindex.cssを作成し
　CSSを上書きする

------------------------------------------------------------- */



/* -------------------------------------------
 *
 *[0] 全体指定
 *
------------------------------------------- */
* {
/*margin: 0;
padding: 0;*/
/*border:none;*/
font-size:100%;
text-align:left;
list-style:none;
}

img { 
border-style:none;
} 



p,ul,li,dl,dt,dd{
margin: 0;
padding: 0;
border:none;
list-style:none;
}

h1,h2,h3,h4,h5,h6{
clear:both;
list-style:none;
}

body {
text-align: center;
/*font-family:Verdana,osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;*/
padding: 0;
margin: 0;
background:url(/image/common/bg_body.jpg) repeat-x 0 0;
}

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link		{ color: #216cbf; }
a:visited	{ color: #216cbf; }
a:hover		{ color: #549ae7; }
a:active	{ color: #549ae7; }




/* -------------------------------------------
 *　詳細を見る、オーダーするボタン設定
------------------------------------------- */

/*--   大    -*/

p.order{
width:400px;
height:80px;
margin:20px auto 20px auto;

background:url(/image/common/btn_order.jpg) no-repeat 0 0;
text-align:center;
}

p.order a{
display:block;
width:370px;
height:70px;
padding:30px 10px 0px 10px;
text-align:center;
font-size: 1.8em;
font-weight: bold;
}

p.order a:link		{ color: white;text-decoration:none; }
p.order a:visited	{ color: white;text-decoration:none; }
p.order a:active	{ color: white;text-decoration:none; }
p.order a:hover		{ color: white;text-decoration:underline; }


/*--   中    -*/

p.btn_detail{
display:block;
/*float:right;*/
width:150px;
height:40px;
margin:15px 0 0 0;
text-align:center;
font-size:80%;
background:url(/image/common/bg_button.jpg) no-repeat 0 0;
}

p.btn_detail:hover{
background:url(/image/common/bg_button.jpg) no-repeat 0 -39px;
}

p.btn_detail a{
display:block;
width:150px;
height:23px;
padding:10px 0px 10px 0px;
text-align:center;
}

p.btn_detail a{color:white;text-decoration:none;}
p.btn_detail a:link{color:white;text-decoration:none;}
p.btn_detail a:visited{color:white;text-decoration:none;}
p.btn_detail a:hover{color:white;text-decoration:underline;background:url(/image/common/bg_button.jpg) no-repeat 0 -150px;)}

/*--   中　センター寄せ    -*/

p.btn_detail_c{
display:block;
/*float:right;*/
width:170px;
height:40px;
margin:15px auto 0  auto;
text-align:center;
font-size:80%;
background:url(/image/common/bg_button.jpg) no-repeat 0 0;
}

p.btn_detail_c:hover{
background:url(/image/common/bg_button.jpg) no-repeat 0 -39px;
}

p.btn_detail_c a{
display:block;
width:170px;
height:23px;
padding:10px 0px 10px 0px;
text-align:center;
}

p.btn_detail_c a{color:white;text-decoration:none;}
p.btn_detail_c a:link{color:white;text-decoration:none;}
p.btn_detail_c a:visited{color:white;text-decoration:none;}
p.btn_detail_c a:hover{color:white;text-decoration:underline;background:url(/image/common/bg_button.jpg) no-repeat 0 -170px;)}

/*--   中　右寄せ    -*/

p.btn_detail_r{
display:block;
width:150px;
height:40px;
margin:15px 0 0 0;
text-align:right;
font-size:80%;
background:url(/image/common/bg_button.jpg) no-repeat 0 0;
}

p.btn_detail_r:hover{
background:url(/image/common/bg_button.jpg) no-repeat 0 -39px;
}

p.btn_detail_r a{
display:block;
width:150px;
height:23px;
padding:10px 0px 10px 0px;
text-align:center;
}

p.btn_detail_r a{color:white;text-decoration:none;}
p.btn_detail_r a:link{color:white;text-decoration:none;}
p.btn_detail_r a:visited{color:white;text-decoration:none;}
p.btn_detail_r a:hover{color:white;text-decoration:underline;background:url(/image/common/bg_button.jpg) no-repeat 0 -150px;)}


/* -------------------------------------------
 *　安心日本製
------------------------------------------- */

#anshin_f3{
width:560px;
height:190px;
margin:20px 0 20px 0;
padding:0 0 0 170px;
background:url(/image/common/bg_anshinf3.jpg) no-repeat 0 0;
}

#anshin_f3 p{
font-size:85%;
margin:10px 0 8px 0;
}

#anshin_f3 li{
float:left;
width:230px;
margin:0 20px 0 0;
padding:0 0 0 20px;
background:url(/image/common/anchor-gray_header.gif) no-repeat 0 5px;
}

/* -------------------------------------------
 * 注意事項
------------------------------------------- */
.attention{
color:red;
margin:15px 0 10px 0;
}

.attention_l{
color:red;
font-size: 200%;
text-align:center;
margin:15px 0 10px 0;
}

p.btn_movie{
text-align:right;
margin:15px 0 0 0;
}


/* -------------------------------------------
 * hr
------------------------------------------- */

#contents_main hr{
clear:both;
height:1px;
border-width: 1px 0px 0px 0px; /* 太さ */
border-style:dashed;
border-color:#666;
margin:20px 0 20px 0;
}

#contents_main hr.dashed{border:1px dashed #666;}

#contents_main hr.white{
border-color:white;
}


#contents_sub hr{
clear:both;
height:1px;
border-width: 1px 0px 0px 0px; /* 太さ */
border-style:dashed;
border-color:#e3e3e3;
margin:10px 0 10px 0;
}



/* -------------------------------------------
 * 真ん中寄せ
------------------------------------------- */
#contents_main p.center{
text-align:center;
}

#contents_main p.center-h5{
text-align:center;
margin:5px 0 5px 0;
}


#contents_main p.center-h10{
text-align:center;
margin:10px 0 10px 0;
}


#contents_main p.center-h15{
text-align:center;
margin:15px 0 15px 0;
}


/* -------------------------------------------
 *　ページトップへ戻る
------------------------------------------- */

p.back_top{
clear:both;
margin:15px 0 15px 0;
padding:0 0 0 0px;
text-align:right;
}

/* -------------------------------------------
 *　ボタン
------------------------------------------- */

ul.add_parts-option li{
float:left;
width:364px;
}


/* -------------------------------------------
 *　DB告知
------------------------------------------- */
div.darkbrown_report{
border:1px solid #cd0000;
padding:10px;
}

div.darkbrown_report p{
margin-top:0px;
padding-top:0px;
}






/* -------------------------------------------
 *
 *[1] レイアウトに関する指定
 *
------------------------------------------- */

/*-------------
 * wrapper
------------ */

#wrapper {
text-align: left;
}

#contents_wrapper{
width: 950px;
margin: 0px auto;
padding: 0 0px;
}

/*-------------
 * header
------------ */
#header{
width:950px;
height:218px;
margin:3px 0 0 0;
text-align:left;
background:url(/image/common/bg_body.jpg) repeat-x 0 0;
}


/*-------------
 * subNav
------------ */
ul#header_subNav{
display:block;
float:right;
height:44px;
width:553px;
margin:10px 0 0 0;
}

ul#header_subNav li{
display:block;
float:left;
height:44px;
text-indent:-9999px;
}


/*-------------
 * sns
------------ */
.block_clearfix{
display:block;
float:right;
width:500px;
margin:10px 0 10px 0;
text-align:right;
}

    .block_clearfix #twitter,
    .block_clearfix #mixi_check,
	.block_clearfix #mixi_like,
	.block_clearfix #facebook_share,
	.block_clearfix #facebook_like{
    display:block;
	float:right;
	}

    .block_clearfix #mixi_check{
    margin:0 2px 0 0;
    }


/*-------------
 * global_Nav
------------ */
#global_Nav{
clear:left;
display:block;
width:950px;
margin:10px 0 0 0;
}

ul#global_Nav li,
ul#global_Nav li a{
display:block;
float:left;
/* width:158px;  2013/11/11 */
width:190px; /* 2014/01/08 */
height:65px;
text-indent:-9999px;
}

/*
ul#global_Nav li.liMenu07,
ul#global_Nav li.liMenu07 a{
width:160px;
}

ul#global_Nav li.liMenu07,
ul#global_Nav li.liMenu07 a{
width:140px;
}
*/

/*-------------
 * global_subNav
------------ */
ul#global_subNav{
display: inline-block;
clear:left;
width:950px;
height:51px;
/*margin:0 0 10px 0;
padding:0px 0 20px 0;*/
background:url(../image/common/bg_globa_menu-bottom.jpg) no-repeat 0 0;
}


/*-------------
 * topic_pass
------------ */
#topic_pass{
clear:left;
display:block;
width:950px;
height:10px;
margin:25px 0 0px 0;
padding:0px 0 0px 0;
}

#topic_pass ul{
display:block;
width:950px;
height:15px;
margin:0px 0 0px 0;
}

#topic_pass ul li{
float:left;
font-size:80%;
margin:10px 0 0 8px;
padding:0px 0 0 11px;
background:url(../image/common/anchor-black_topic-pass.gif) no-repeat -3px 3px;
text-decoration:none;
}


/*-------------
 * contents main
------------ */
#contents_main{
float:right;
width:730px;
margin:15px 0 20px 0;
}

/*-------------
 * contents sub
------------ */
#contents_sub{
float:left;
width:200px;
margin:15px 0 20px 0;
padding:0 15px 0 0;
}

/*-------------
 * contents bottom
------------ */
#contents_bottom{
clear:both;
width:950px;
border-top:1px solid #888;
padding:40px 0 0 0;
}

/*-------------
 * footer
------------ */
#footer{
clear:left;
margin:20px 0 0 0;
padding:80px 0 0 0;
background:url(../image/common/bg_footer.jpg) repeat-x 0 0;
}



/* -------------------------------------------
 *
 * [2] ヘッダーブロック内に関する指定
 *
------------------------------------------- */

#header h1{
float:left;
height:20px;
width:500px;
margin:0px 0 0px 0;
padding:0px;
color:#5e3a22;
font-size:80%;
font-weight:normal;
}

p.logo{
float:left;
margin:18px 0 10px 0;
}

#wrapper #header h1 a        {color:#5e3a22;text-decoration:none;}
#wrapper #header h1 a:link   {color:#5e3a22;text-decoration:none;}
#wrapper #header h1 a:visited{color:#5e3a22;text-decoration:none;}
#wrapper #header h1 a:hover  {color:#5e3a22;text-decoration:none;}

p.logo_shop{
float:left;
margin:11px 0 10px 0;
}

#wrapper #header h1 a        {color:#5e3a22;text-decoration:none;}
#wrapper #header h1 a:link   {color:#5e3a22;text-decoration:none;}
#wrapper #header h1 a:visited{color:#5e3a22;text-decoration:none;}
#wrapper #header h1 a:hover  {color:#5e3a22;text-decoration:none;}

/*
 * グローバルナビ[ログイン]
 */

p.login{
display:block;
float:right;
width:450px;
height:20px;
margin:2px 0 0 0;
text-align:right;
font-size:80%;
}


p.login a{
padding:0 0 0 15px;
margin:0 7px 0 0;
color:#3a3a39;
text-decoration:none;
background:url(../image/common/anchor-gray_header.gif) no-repeat 0 0;
}

p.login a:hover{text-decoration:underline;}


p.login_shop{
display:block;
float:right;
width:450px;
height:5px;
margin:0 0 0 0;
text-align:right;
font-size:95%;
}


p.login_shop a{
padding:0 0 0 15px;
margin:0 7px 0 0;
color:#3a3a39;
text-decoration:none;
background:url(../image/common/anchor-gray_header.gif) no-repeat 0 0;
}

p.login_shop a:hover{text-decoration:underline;}

/*
 * 日本製/送料無料/フリーダイヤル
 */

ul#global_subNav li{
float:left;
font-size:100%;
margin:20px 0 20px 10px;
padding:0 0 0 18px;
background:url(../image/common/anchor_globalsubNav.gif) no-repeat 0 0;
}

ul#global_subNav li.liMenu05{
float:right;
margin:8px 5px 0 0;
padding:0px;
background:none;
}

/*
 * グローバルナビ[カテゴリ]　ロールオーバー設定
 */

ul#global_Nav li.liMenu01 a{background:url(../image/common/global_menu.gif) no-repeat 0 0;} /*オーダー収納棚*/
ul#global_Nav li.liMenu02 a{background:url(../image/common/global_menu.gif) no-repeat -190px 0;} /*デザイン収納*/
ul#global_Nav li.liMenu03 a{background:url(../image/common/global_menu.gif) no-repeat -380px 0;} /*キッチン収納*/
ul#global_Nav li.liMenu04 a{background:url(../image/common/global_menu.gif) no-repeat -570px 0;} /*クローゼット*/
ul#global_Nav li.liMenu05 a{background:url(../image/common/global_menu.gif) no-repeat -760px 0;} /*デスク*/
/*ul#global_Nav li.liMenu06 a{background:url(../image/common/global_menu.gif) no-repeat -789px 0;}*/


ul#global_Nav li.liMenu01 a:hover{background:url(../image/common/global_menu.gif) no-repeat 0 -65px;}
ul#global_Nav li.liMenu02 a:hover{background:url(../image/common/global_menu.gif) no-repeat -190px -65px;}
ul#global_Nav li.liMenu03 a:hover{background:url(../image/common/global_menu.gif) no-repeat -380px -65px;}
ul#global_Nav li.liMenu04 a:hover{background:url(../image/common/global_menu.gif) no-repeat -570px -65px;}
ul#global_Nav li.liMenu05 a:hover{background:url(../image/common/global_menu.gif) no-repeat -760px -65px;}
/*ul#global_Nav li.liMenu06 a:hover{background:url(../image/common/global_menu.gif) no-repeat -789px -65px;}*/


/*
 * 日本製/送料無料/フリーダイヤル
 */
ul#header_subNav li.s01 a{display:block;height:44px;width:200px;text-indent:-9999px;}
ul#header_subNav li.s01{width:200px;background:url(../image/common/header_future.jpg) no-repeat 0 0;}
ul#header_subNav li.s02{width:152px;background:url(../image/common/header_future.jpg) no-repeat -200px 0;}
ul#header_subNav li.s03{width:200px;background:url(../image/common/header_future.jpg) no-repeat -352px 0;}

ul#global_subNav li a{text-decoration:none;color:#644824;}
ul#global_subNav li a:hover{text-decoration:underline;color:#f7bd72;}


/* -------------------------------------------
 *
 * [3] コンテンツブロック内に関する指定
 * トップページは /css/top.css
 * 他ページは各ディレクトリに設定
 *
------------------------------------------- */


#contents_main{
font-size:90%;
line-height:140%;
}

#contents_main h2{
margin:0 0 15px 0;
padding:38px 0 30px 40px;
/*height:54px;*/
font-size:150%;
background:url(../image/common/bg_h2.jpg) no-repeat 0 0;
color:#4f3d31;
}

#contents_main h3{
margin:40px 0 15px 0;
padding:15px 0 15px 20px;
background:url(../image/common/bg_h3-subtitle.jpg) no-repeat 0 0;
font-size:130%;
}

#contents_main h4{
margin:20px 0 10px 0;
padding:0 0 5px 0;
border-bottom:1px dotted #888;
font-size:110%;
}




#topic_pass ul li.home{
margin:10px 0 0 0;
padding:0px;
background:none;

}

#topic_pass ul li.now{
color:#244544;
}

#topic_pass ul li a{color:#3d322c;text-decoration:none;}
#topic_pass ul li a:visited{color:#3d322c;text-decoration:none;}
#topic_pass ul li a:link{color:#3d322c;text-decoration:none;}
#topic_pass ul li a:hover{color:#3d322c;text-decoration:underline;}



/* -------------------------------------------
 *
 * [4] サイドバーブロック内に関する指定
 *
------------------------------------------- */

#contents_sub p{
margin:0 0 5px 0;
}

#contents_sub dl{
width:200px;
font-size:12px;
}

#contents_sub h2.items{
margin:10px 0 5px 0;
}

#contents_sub h3{
margin:5px 0 0 0;
}

#contents_sub h3,
#contents_sub h3 a{
display:block;
width:196px;
height:55px;
text-indent:-9999px;
}

#contents_sub p.order_side,
#contents_sub p.choice_side{
display:block;
float:left;
padding:0 0 0 15px;
font-size:12px;
}

#contents_sub p.order_side{
margin:0 5px 0 0;
}

#contents_sub p.order_side{background:url(../image/common/icon-oc_subcontents.gif) no-repeat 0 1px;}
#contents_sub p.choice_side{background:url(../image/common/icon-oc_subcontents.gif) no-repeat 0 -29px;}


/*
 * カテゴリ部分のロールオーバー指定
 */

#contents_sub h3.order_shelf,
#contents_sub h3.order_shelf a		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat 0 0;}
#contents_sub h3.order_shelf a:hover		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat -196px 0;}


#contents_sub h3.design_shelf,
#contents_sub h3.design_shelf a		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat 0 -55px;}
#contents_sub h3.design_shelf a:hover	{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat -196px -55px;}


#contents_sub h3.kitchen,
#contents_sub h3.kitchen a		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat 0 -110px;}
#contents_sub h3.kitchen a:hover	{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat -196px -110px;}

#contents_sub h3.closet,
#contents_sub h3.closet a		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat 0 -165px;}
#contents_sub h3.closet a:hover		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat -196px -165px;}

#contents_sub h3.entrance,
#contents_sub h3.entrance a		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat 0 -220px;}
#contents_sub h3.entrance a:hover	{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat -196px -220px;}

#contents_sub h3.desk,
#contents_sub h3.desk a			{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat 0 -275px;}
#contents_sub h3.desk a:hover		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat -196px -275px;}

#contents_sub h3.office,
#contents_sub h3.office a		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat 0 -330px;}
#contents_sub h3.office a:hover	{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat -196px -330px;}

#contents_sub h3.parts,
#contents_sub h3.parts a		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat 0 -385px;}
#contents_sub h3.parts a:hover		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat -196px -385px;}

/* 未使用 新規追加時に利用 */

#contents_sub h3.xxxxxxxxx,
#contents_sub h3.xxxxxxxxx a		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat 0 -440px;}
#contents_sub h3.xxxxxxxxx a:hover	{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat -196px -440px;}

#contents_sub h3.xxxxxxxxx,
#contents_sub h3.xxxxxxxxx a		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat 0 -495px;}
#contents_sub h3.xxxxxxxxx a:hover	{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat -196px -495px;}

#contents_sub h3.xxxxxxxxx,
#contents_sub h3.xxxxxxxxx a		{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat 0 -550px;}
#contents_sub h3.xxxxxxxxx a:hover	{background:url(../image/common/bg_contents_sub-Cmenu.gif) no-repeat -196px -550px;}


/*------------*/

#contents_sub dl dd{
display:block;
width:173px;
height:26px;
padding:14px 0 0 23px;
background:url(../image/common/bg_contents_sub-menu.jpg) no-repeat 0 0;
}

#contents_sub dl dd:hover{background:url(../image/common/bg_contents_sub-menu.jpg) no-repeat 0 -40px;}
#contents_sub dl dd.order{background:url(../image/common/bg_contents_sub-menu.jpg) no-repeat -196px 0;}
#contents_sub dl dd.order:hover{background:url(../image/common/bg_contents_sub-menu.jpg) no-repeat -196px -40px;}
#contents_sub dl dd.choice{background:url(../image/common/bg_contents_sub-menu.jpg) no-repeat -392px 0;}
#contents_sub dl dd.choice:hover{background:url(../image/common/bg_contents_sub-menu.jpg) no-repeat -392px -40px;}


#contents_sub dl dd a{text-decoration:none;color:#2d2522;}
#contents_sub dl dd a:link{text-decoration:none;color:#2d2522;}
#contents_sub dl dd a:visited{text-decoration:none;color:#2d2522;}
#contents_sub dl dd a:hover{text-decoration:underline;color:#a75727;}



/* -------------------------------------------
 *
 * [5] フッターブロック内に関する指定
 *
------------------------------------------- */
/*
 * contents bottom
 */

#contents_bottom ul{
display:block;
margin:0 0 0 60px;
text-align:center;
}

#contents_bottom li{
float:left;
text-align:center;
margin:0 15px 0 0;
text-align:center;
font-size:80%;
}


/*
 * footer
 */


#info_box{
width:950px;
margin:0 auto 0 auto;
text-align:center;
}

#calender{
float:left;
width:185px;
padding:0 15px 0 0;
font-size:70%;
line-height:180%;
text-align:center;
color:#222;
}

#calender_shop{
float:left;
width:185px;
padding:0 15px 0 0;
font-size:100%;
line-height:180%;
text-align:center;
color:#222;
}

#cautions_of_purchase{
float:right;
width:750px;
}

#cautions_of_purchase_shop{
float:right;
width:750px;
}

#cautions_of_purchase{
font-size:85%;
}

#cautions_of_purchase_shop{
font-size:110%;
}


/*-------------
 * detail
------------ */
#cautions_of_purchase h2{
margin:10px 0 5px 0;
}

#cautions_of_purchase_shop h2{
margin:10px 0 5px 0;
}

#detail{
overflow:auto;
width:95%;
height:auto;
background:#f9f3ee;
padding:15px;
margin:0 0 20px 0;
font-size:80%;
}


#detail h3{
clear:left;
display:block;
float:left;
width:120px;
padding:0 0 20px 20px;
background:url(../image/common/anchor-brown_footer.gif) no-repeat 0 1px;
}


#detail ul{
float:right;
width:560px;
margin:0px 0 0 0;
}

#detail ul.top{
margin:0px 0 0 0;
}

#detail ul li{
display:block;
float:left;
width:163px;
margin:0 5px 5px 0;
padding:0 0 0 17px;
background:url(../image/common/anchor-white_footer.gif) no-repeat 0 2px;
}

#detail ul li.br{
clear:left;
}

/*-------------
 * shipping etc
------------ */
ul#etc li{
float:left;
margin:0 5px 0 0;
}

/*-------------
 * security
------------ */
#security{
overflow:auto;
width:730px;
height:220px;
background:url(../image/common/bg_footer_security.jpg) no-repeat 5px 0;
text-align:left;
}

#security h4{
clear:both;
display:block;
float:left;
width:160px;
height:70px;
margin:0 0 0 20px;
}

#security p{
float:right;
width:520px;
height:70px;
padding:10px 30px 0 0;
}


/*-------------
 * copyrights
------------ */
p.copyrights{
clear:both;
font-size:75%;
text-align:center;
padding:30px 0 20px 0;
}

p.copyrights_shop{
clear:both;
font-size:98%;
text-align:center;
padding:30px 0 20px 0;
}

.clearer {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  height: 0;
  line-height: 1px;
  font-size: 1px;
}


/* -------------------------------------
 * ハイスライド
------------------------------------- */

.highslide-html {
    background-color: white;
}

.highslide-html-blur {
}

.highslide-html-content {
	position: absolute;
    display: none;
}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    /*padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;*/
}

.highslide-display-block {
    display: block;
}

.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}
.highslide {
	/*cursor: url(highslide/graphics/zoomin.cur), pointer;*/
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 0px solid silver;
}
.highslide:hover img {
	border: 0px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 0px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;

    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/
	height: 27px;
}
.controlbar a:hover {
	background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}



/*-------------
 * case_and_place
------------ */

#contents_main .case_and_place{
clear:both;
margin:15px 0 0px 0;
padding:15px 0 20px 0 ;
border-top:1px solid #c4ce86;
}

#contents_main .case_and_place h3{
float:left;
width:130px;
margin:0px;
padding:0px;
text-align:center;
}

#contents_main .case_and_place ul{
float:right;
width:590px;
}

#contents_main .case_and_place li{
display:block;
float:left;
width:290px;
height:110px;
margin:0 5px 5px 0;
font-size:75%;
line-height:140%;
}

#contents_main .case_and_place li p.image{
float:left;
width:105px;
height:95px;
}

#contents_main .case_and_place li h4{
float:left;
width:180px;
clear:none;
font-weight:bold;
margin:0 0 5px 0px;
}

#contents_main .case_and_place li p.text{
float:left;
width:180px;
}


.caution_obi {
  background-color: #C00;
  font-weight: bold;
  color:#FFF;
  padding: 5px;
}

.caution_obi a {
    font-size: 90%;
  color:#FFF;

}

.caution_obi a:hover{
	color:#FF9;
}

@media screen and (max-width: 1200px /*表示させたくない最小の大きさを記入（これはスマホの画面の大きさ）*/){
#tabbanner { display: none;}
}
#tabbanner {
width: 120px;/* 最初に表示されるバナーの幅 */
height: 455px;/* バナーの高さ */
background: url(http://shunostyle.co.jp/image/banner_tate2.jpg) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
left: 0;/* 左から0pxの位置に指定 */
top: 150px;/* 下から300pxの位置に指定 */
}
#tabbanner a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}
#tabbanner:hover {/* カーソルが乗った時の動きを指定 */
width: 200px;/* バナーが伸びた時の幅 */
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
}

@media screen and (max-width: 1200px /*表示させたくない最小の大きさを記入（これはスマホの画面の大きさ）*/){
#tabbanner2 { display: none;}
}
#tabbanner2 {
width: 119px;/* 最初に表示されるバナーの幅 */
height: 299px;/* バナーの高さ */
background: url(http://shunostyle.co.jp/image/banner_tate3.jpg) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
left: 0;/* 左から0pxの位置に指定 */
top: 620px;/* 下から300pxの位置に指定 */
}
#tabbanner2 a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}
#tabbanner2:hover {/* カーソルが乗った時の動きを指定 */
width: 200px;/* バナーが伸びた時の幅 */
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
}

@media screen and (max-width: 1200px /*表示させたくない最小の大きさを記入（これはスマホの画面の大きさ）*/){
#tabbanner4 { display: none;}
}

#tabbanner4 {
width: 107px;/* 最初に表示されるバナーの幅 */
height: 294px;/* バナーの高さ */
background: url(/image/hokyo_kit_tatebanner.jpg) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right: 0;/* 右から0pxの位置に指定 */
top: 150px;/* 下から300pxの位置に指定 */
}
#tabbanner4 a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}
#tabbanner4:hover {/* カーソルが乗った時の動きを指定 */
width: 107px;/* バナーが伸びた時の幅 */
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
}
.payment_title {
  font-size: 180%;
  font-weight: bold;
  color:#ffffff;
  background: #e66f6e;
  padding: 10px 0 10px 5px;
  cursor:pointer;
}