@charset "Shift-JIS";
  
/*************************************
  BASE
  基本要素
*************************************/


/* html TAGS
--------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,script{
margin:0;
padding:0;
word-break:break-all;/* for IE */
}


img{vertical-align:bottom;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/* fonts - Based
--------------------------------------------*/
body{font-size:12px;}
small{font-size:12px;*font-size:small;*font:x-small;}
select, input, textarea {font-size:12px;}
pre, code {font:85% monospace;*font-size:85%;}


/* LineHeight Adjust */
.s115 {line-height:115%;}
.s130 {line-height:130%;}
.s150 {line-height:150%;}
.s180 {line-height:180%;}
.s200 {line-height:200%;}
.s250 {line-height:230%;}

.txt10{font-size:10px;}
.txt11{font-size:11px;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt23{font-size:23px;}

.txtp{color:#fe5377;}
.txtg{color:#666666;}

.txtb{font-weight:bold;}

/* リンク
---------------------------------------------------- */
a{
color:#fe5377;
text-decoration:underline;
}
a:hover{
color:#fe5377;
text-decoration:none;
}


/* floatRight */
.cR{float:right;}
.cL{float:left;}

#white a{
color:#ffffff;
text-decoration:none;
}
#white a:hover{
color:#ffffff;
text-decoration:none;
}


/* 共通margin&padding
---------------------------------------------------- */

/* margin */
.mg0a {margin:0px;}
.mg5a {margin:5px;}
.mg10a{margin:10px;}
.mg15a{margin:15px;}
.mg20a{margin:20px;}
.mg30a{margin:30px;}

.mg0v {margin-top:0px; margin-bottom:0px;}
.mg5v {margin-top:5px; margin-bottom:5px;}
.mg10v{margin-top:10px; margin-bottom:10px;}
.mg15v{margin-top:15px; margin-bottom:15px;}
.mg20v{margin-top:20px; margin-bottom:20px;}
.mg30v{margin-top:30px; margin-bottom:30px;}

.mg0h {margin-right:0px; margin-left:0px;}
.mg5h {margin-right:5px; margin-left:5px;}
.mg10h{margin-right:10px; margin-left:10px;}
.mg15h{margin-right:15px; margin-left:15px;}
.mg20h{margin-right:20px; margin-left:20px;}
.mg30h{margin-right:30px; margin-left:30px;}

.mg0t {margin-top:0px;}
.mg5t {margin-top:5px;}
.mg10t{margin-top:10px;}
.mg15t{margin-top:15px;}
.mg20t{margin-top:20px;}
.mg25t{margin-top:25px;}
.mg30t{margin-top:30px;}
.mg40t{margin-top:40px;}
.mg60t{margin-top:60px;}
.mg80t{margin-top:80px;}

.mg0r {margin-right:0px;}
.mg5r {margin-right:5px;}
.mg10r{margin-right:10px;}
.mg15r{margin-right:15px;}
.mg17r{margin-right:17px;}
.mg20r{margin-right:20px;}
.mg27r{margin-right:27px;}
.mg30r{margin-right:30px;}

.mg0b {margin-bottom:0px;}
.mg3b {margin-bottom:3px;}
.mg4b {margin-bottom:4px;}
.mg5b {margin-bottom:5px;}
.mg7b {margin-bottom:7px;}
.mg10b{margin-bottom:10px;}
.mg15b{margin-bottom:15px;}
.mg20b{margin-bottom:20px;}
.mg30b{margin-bottom:30px;}

.mg0l {margin-left:0px;}
.mg5l {margin-left:5px;}
.mg10l{margin-left:10px;}
.mg15l{margin-left:15px;}
.mg17l{margin-left:17px;}
.mg20l{margin-left:20px;}
.mg27l{margin-left:27px;}
.mg30l{margin-left:30px;}

/* padding */
.pd0a {padding:0px;}
.pd5a {padding:5px;}
.pd10a{padding:10px;}
.pd15a{padding:15px;}
.pd20a{padding:20px;}
.pd30a{padding:30px;}

.pd0v {padding-top:0px; padding-bottom:0px;}
.pd5v {padding-top:5px; padding-bottom:5px;}
.pd10v{padding-top:10px; padding-bottom:10px;}
.pd15v{padding-top:15px; padding-bottom:15px;}
.pd20v{padding-top:20px; padding-bottom:20px;}
.pd21v{padding-top:21px; padding-bottom:21px;}
.pd30v{padding-top:30px; padding-bottom:30px;}

.pd0h {padding-right:0px; padding-left:0px;}
.pd5h {padding-right:5px; padding-left:5px;}
.pd10h{padding-right:10px; padding-left:10px;}
.pd15h{padding-right:15px; padding-left:15px;}
.pd20h{padding-right:20px; padding-left:20px;}
.pd21h{padding-right:21px; padding-left:21px;}
.pd30h{padding-right:30px; padding-left:30px;}

.pd0t {padding-top:0px;}
.pd5t {padding-top:5px;}
.pd10t{padding-top:10px;}
.pd15t{padding-top:15px;}
.pd18t{padding-top:18px;}
.pd20t{padding-top:20px;}
.pd21t{padding-top:21px;}
.pd25t{padding-top:25px;}
.pd30t{padding-top:30px;}

.pd0r {padding-right:0px;}
.pd3r {padding-right:3px;}
.pd5r {padding-right:5px;}
.pd8r {padding-right:8px;}
.pd10r{padding-right:10px;}
.pd15r{padding-right:15px;}
.pd20r{padding-right:20px;}
.pd21r{padding-right:21px;}
.pd30r{padding-right:30px;}
.pd50r{padding-right:50px;}
.pd60r{padding-right:60px;}

.pd0b {padding-bottom:0px;}
.pd7b {padding-bottom:3px;}
.pd5b {padding-bottom:5px;}
.pd10b{padding-bottom:10px;}
.pd15b{padding-bottom:15px;}
.pd16b{padding-bottom:16px;}
.pd20b{padding-bottom:20px;}
.pd21b{padding-bottom:21px;}
.pd25b{padding-bottom:25px;}
.pd27b{padding-bottom:27px;}
.pd30b{padding-bottom:30px;}

.pd0l {padding-left:0px;}
.pd5l {padding-left:5px;}
.pd8l {padding-left:8px;}
.pd10l{padding-left:10px;}
.pd15l{padding-left:15px;}
.pd19l{padding-left:19px;}
.pd20l{padding-left:20px;}
.pd21l{padding-left:21px;}
.pd30l{padding-left:30px;}
.pd50l{padding-left:50px;}
.pd60l{padding-left:60px;}




/* ページ全体の基本レイアウト開始
---------------------------------------------------- */

/* wrapper
---------------------------------------------------- */
body{
text-align:center;
margin:0;
padding:0;
color:#333333;
background:url(../images/body_bg.jpg) repeat-x;
}


#wrapper{
width:900px;
margin:0 auto;
padding:0;
text-align:left;
}

hr{
clear:both;
margin:0;
padding:0;
height:0;
display:block;
visibility:hidden;
border:0;
}



/* headerBox開始
---------------------------------------------------- */

#headerBox{
width:900px;
margin:0;
padding:0;
}


/* ロゴ */
#headerBox h1{
float:left;
width:260px;
height:63px;
background:url(../images/take_logo3.jpg) no-repeat 0 0;
}
#headerBox h1 a{
width:260px;
height:63px;
display:block;
overflow:hidden;
text-decoration:none;
text-indent:-999em;
}

/* ヘッダガイドメニュー */
#headerBox ul#headerMenu{
float:right;
margin:0;
padding:39px 0 0;
color:#333333;
}

#headerBox ul#headerMenu li{
float:left;
display:block;
overflow:hidden;
text-indent:-9999px;
height:16px;
margin:0;
padding:0;
}

#headerBox ul#headerMenu li a{
display:block;
height:16px;
background:url(../images/heder_guide.gif) no-repeat;
}

#headerBox ul#headerMenu li#guide1{width:75px;}
#headerBox ul#headerMenu li#guide2{width:86px;}
#headerBox ul#headerMenu li#guide3{width:87px;}
#headerBox ul#headerMenu li#guide4{width:65px;}
#headerBox ul#headerMenu li#guide5{width:75px;}
#headerBox ul#headerMenu li#guide6{width:126px;}

#headerBox ul#headerMenu li#guide1 a{background-position:0 0;}
#headerBox ul#headerMenu li#guide2 a{background-position:-75px 0;}
#headerBox ul#headerMenu li#guide3 a{background-position:-161px 0;}
#headerBox ul#headerMenu li#guide4 a{background-position:-248px 0;}
#headerBox ul#headerMenu li#guide5 a{background-position:-313px 0;}
#headerBox ul#headerMenu li#guide6 a{background-position:-388px 0;}

#headerBox ul#headerMenu li#guide1 a:hover{background-position:0 100%;}
#headerBox ul#headerMenu li#guide2 a:hover{background-position:-75px 100%;}
#headerBox ul#headerMenu li#guide3 a:hover{background-position:-161px 100%;}
#headerBox ul#headerMenu li#guide4 a:hover{background-position:-248px 100%;}
#headerBox ul#headerMenu li#guide5 a:hover{background-position:-313px 100%;}
#headerBox ul#headerMenu li#guide6 a:hover{background-position:-388px 100%;}



/* gNaviBox開始
---------------------------------------------------- */

#gNaviBox{
clear:both;
}

#gNaviBox ul#mainNavi{
float:left;
margin:0;
padding:0;
color:#333333;
background:url(../images/navi.gif) no-repeat;
}

#gNaviBox ul#mainNavi li{
float:left;
display:block;
overflow:hidden;
text-indent:-9999px;
height:30px;
}


#gNaviBox ul#mainNavi li a{
display:block;
height:30px;
background:url(../images/navi.gif) no-repeat;
}

#gNaviBox ul#mainNavi li#gnavi1{width:145px;}
#gNaviBox ul#mainNavi li#gnavi2{width:99px;}
#gNaviBox ul#mainNavi li#gnavi3{width:81px;}
#gNaviBox ul#mainNavi li#gnavi4{width:74px;}
#gNaviBox ul#mainNavi li#gnavi5{width:79px;}
#gNaviBox ul#mainNavi li#gnavi6{width:105px;}
#gNaviBox ul#mainNavi li#gnavi7{width:112px;}
#gNaviBox ul#mainNavi li#gnavi8{width:60px;}
#gNaviBox ul#mainNavi li#gnavi9{width:145px;}

#gNaviBox ul#mainNavi li#gnavi1 a{background-position:0 0;}
#gNaviBox ul#mainNavi li#gnavi2 a{background-position:-145px 0;}
#gNaviBox ul#mainNavi li#gnavi3 a{background-position:-244px 0;}
#gNaviBox ul#mainNavi li#gnavi4 a{background-position:-325px 0;}
#gNaviBox ul#mainNavi li#gnavi5 a{background-position:-399px 0;}
#gNaviBox ul#mainNavi li#gnavi6 a{background-position:-478px 0;}
#gNaviBox ul#mainNavi li#gnavi7 a{background-position:-583px 0;}
#gNaviBox ul#mainNavi li#gnavi8 a{background-position:-695px 0;}
#gNaviBox ul#mainNavi li#gnavi9 a{background-position:-755px 0;}

#gNaviBox ul#mainNavi li#gnavi1 a:hover{background-position:0 100%;}
#gNaviBox ul#mainNavi li#gnavi2 a:hover{background-position:-145px 100%;}
#gNaviBox ul#mainNavi li#gnavi3 a:hover{background-position:-244px 100%;}
#gNaviBox ul#mainNavi li#gnavi4 a:hover{background-position:-325px 100%;}
#gNaviBox ul#mainNavi li#gnavi5 a:hover{background-position:-399px 100%;}
#gNaviBox ul#mainNavi li#gnavi6 a:hover{background-position:-478px 100%;}
#gNaviBox ul#mainNavi li#gnavi7 a:hover{background-position:-583px 100%;}
#gNaviBox ul#mainNavi li#gnavi8 a:hover{background-position:-695px 100%;}
#gNaviBox ul#mainNavi li#gnavi9 a:hover{background-position:-755px 100%;}



/* path */

#gNaviBox #path{
float:left;
margin:0 0 22px 0;
padding:0;
width:900px;
height:32px;
background-color:#fff;
background:url(../images/root_bg.jpg) no-repeat 0 100%;
}

#gNaviBox #path p.txt10{
font-size:10px;
color:#808080;
padding:10px;
}

#gNaviBox #path p a{
color:#808080;
text-decoration:none;
}

#gNaviBox #path p a:hover{
color:#fe5377;
text-decoration:underline;
}





/* ページ全体の基本レイアウト終了
---------------------------------------------------- */



/* トップページ
---------------------------------------------------- */

#contentsBox{
margin:0;
padding:0;
}

#contentsBox p.txt10{
font-size:10px;
color:#808080;
padding:0 0 10px 0;
}




/* speclalItemTable */
#contentsBox table#pd{
margin:0 0 30px 0;
padding:0;
}

#contentsBox table#pd{
}




/* category */
#contentsBox #midasi img{
margin:0;
padding:0;
}

#contentsBox #category1{
float:left;
margin:0;
padding:0;
}


#contentsBox #category1 dl#item2,
#contentsBox #category1 dl#item1{
float:left;
width:225px;
margin:20px 0 0 0;
padding:0;
}


#contentsBox #category1 dl#item2 dt,
#contentsBox #category1 dl#item1 dt{
float:left;
width:69px;
margin:0 5px 0 0;
padding:0;
}

#contentsBox #category1 dl#item2 dd,
#contentsBox #category1 dl#item1 dd{
float:left;
width:145px;
margin:0;
padding:0;
text-align:left;
}

#contentsBox #category1 dl#item2 dd span,
#contentsBox #category1 dl#item1 dd span{
display:block;
margin:0;
padding:5px 0 0 0;
line-height:120%;
}







/* sideBoxページ基本レイアウト開始
---------------------------------------------------- */
#sideBox{
float:left;
width:135px;
margin:0 15px 0 0;
padding:0;
text-align:left;
}

/* 送料無料 */
#sideBox #souryou a{
display:block;
overflow:hidden;
}

#sideBox #souryou img{
vertical-align:bottom;
}

/* ポイント */
#sideBox #point{
margin:10px 0 0;
padding:0;
}

#sideBox #point a{
display:block;
overflow:hidden;
}

#sideBox #point img{
vertical-align:bottom;
}

/* キャンペーン */
#sideBox #campaign1 a{
display:block;
overflow:hidden;
}

#sideBox #campaign1 img{
vertical-align:bottom;
}

/* 慈布（ガーゼ生地) ＆ストール＆シングほか */

#sideBox #guide{
/*margin:0;*/
margin:10px 0 0;
padding:0;
}

#sideBox #bamboo,
#sideBox #socks,
#sideBox #stole,
#sideBox #bedding,
#sideBox #towel,
#sideBox #jifu{
margin:10px 0 0;
padding:0;
}

#sideBox #bamboo h2,
#sideBox #guide h2,
#sideBox #socks h2,
#sideBox #stole h2,
#sideBox #bedding h2,
#sideBox #towel h2,
#sideBox #jifu h2{
display:block;
}

#sideBox #bamboo img,
#sideBox #guide img,
#sideBox #socks img,
#sideBox #stole img,
#sideBox #bedding img,
#sideBox #towel img,
#sideBox #jifu img{
vertical-align:bottom;
}

#sideBox #bamboo ul,
#sideBox #guide ul,
#sideBox #socks ul,
#sideBox #stole ul,
#sideBox #bedding ul,
#sideBox #towel ul,
#sideBox #jifu ul{
margin:0;
padding:3px 10px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#sideBox #bamboo li#bgari,
#sideBox #guide li#bgari,
#sideBox #socks li#bgari,
#sideBox #stole li#bgari,
#sideBox #bedding li#bgari,
#sideBox #towel li#bgari,
#sideBox #jifu li#bgari{
margin:5px 0 0 0;
padding:0 0 5px 0;
text-align:left;
letter-spacing:0px;
background:url(../images/dot.gif) repeat-x 0 100%;
}

#sideBox #bamboo li#bgnasi,
#sideBox #guide li#bgnasi,
#sideBox #socks li#bgnasi,
#sideBox #stole li#bgnasi,
#sideBox #bedding li#bgnasi,
#sideBox #towel li#bgnasi,
#sideBox #jifu li#bgnasi{
margin:5px 0 0 0;
padding:0 0 5px 0;
text-align:left;
letter-spacing:0px;
}

#sideBox #bamboo a,
#sideBox #guide a,
#sideBox #socks a,
#sideBox #stole a,
#sideBox #bedding a,
#sideBox #towel a,
#sideBox #jifu a{
color:#444;
text-decoration:none;
}

#sideBox #bamboo a:hover,
#sideBox #guide a:hover,
#sideBox #socks a:hover,
#sideBox #stole a:hover,
#sideBox #bedding a:hover,
#sideBox #towel a:hover,
#sideBox #jifu a:hover{
color:#999;
text-decoration:none;
}



/* ニュース＆お知らせ*/
#sideBox #news{
margin:20px 0 0 0;
padding:0;
}

#sideBox #news a{
display:block;
overflow:hidden;
}

#sideBox #news img{
vertical-align:bottom;
}

#sideBox #news ul{
text-align:left;
margin:0;
padding:0;
}

#sideBox #news li{
margin:5px 0;
padding:0;
}


#sideBox #news p#sujinasi{
font-weight:bold;
margin:0;
padding:0;
}

#sideBox #news p#sujinasi img{
vertical-align:middle;
}


#sideBox #news p#suji{
font-weight:bold;
margin:0;
padding: 5px 0 0;
}

#sideBox #news p#suji img{
vertical-align:middle;
}












/* サーブページ基本レイアウト終了
---------------------------------------------------- */



/* footerBox開始
---------------------------------------------------- */

#footerBox{
float:left;
width:900px;
margin:0 0 20px 0;
padding:0;
}

#footerBox #obi{
float:left;
}

#footerBox #obi img{
display:block;
margin-top:5px;
}

#footerBox #fmenu{
float:left;
width:900px;
}

#footerBox #fmenu p{
margin-top:10px;
font-size:10px;
}

#footerBox #fmenu p a{
color:#666;
text-decoration:none;
}

#footerBox #fmenu p a:hover{
color:#999;
text-decoration:none;
}


#footerBox #fmenu p.fcL{
float:left;
}

#footerBox #fmenu p.fcR{
float:right;
color:#666;
}


/* addressBox開始 */

#footerBox #address{
float:left;
}

#footerBox #address p{
margin-top:10px;
}

#footerBox #address p#flogo{
float:left;
}

#footerBox #address p#flogo img{
margin-right:7px;
}

#footerBox #address p#fadd{
float:left;
font-size:10px;
line-height:130%;
color:#666;
padding-left:7px;
border-left:1px solid #999999;
}

/* footerBox終了
---------------------------------------------------- */






/* mainBoxページ基本レイアウト開始
---------------------------------------------------- */
#mainBox{
float:right;
width:750px;
margin:0;
padding:0;
text-align:left;
}






/* tabu開始
---------------------------------------------------- */
.kakusu_Off{
display:none;
}

.kakusu_On{
display:block;
}


#mainBox div#tabu1,
#mainBox div#tabu2,
#mainBox div#tabu3,
#mainBox div#tabu4,
#mainBox div#tabu5{
float:left;
margin:0;
padding:0 0 15px 0;
}

#mainBox div#tabu1 dl#tabu_Item,
#mainBox div#tabu2 dl#tabu_Item,
#mainBox div#tabu3 dl#tabu_Item,
#mainBox div#tabu4 dl#tabu_Item,
#mainBox div#tabu5 dl#tabu_Item{
float:left;
width:179px;
marign:0;
padding:0;
}


#mainBox div#tabu1 dl#tabu_Item dt,
#mainBox div#tabu2 dl#tabu_Item dt,
#mainBox div#tabu3 dl#tabu_Item dt,
#mainBox div#tabu4 dl#tabu_Item dt,
#mainBox div#tabu5 dl#tabu_Item dt{
float:left;
width:69px;
marign:0;
padding:0 5px 0 0;
}


#mainBox div#tabu1 dl#tabu_Item dd,
#mainBox div#tabu2 dl#tabu_Item dd,
#mainBox div#tabu3 dl#tabu_Item dd,
#mainBox div#tabu4 dl#tabu_Item dd,
#mainBox div#tabu5 dl#tabu_Item dd{
float:left;
width:100px;
marign:0;
padding:0;
font-size:80%;
line-height:120%;
}


#mainBox div#tabu1 dl#tabu_Item dd span,
#mainBox div#tabu1 dl#tabu_Item dd span,
#mainBox div#tabu3 dl#tabu_Item dd span,
#mainBox div#tabu4 dl#tabu_Item dd span,
#mainBox div#tabu5 dl#tabu_Item dd span{
float:left;
margin:0;
padding:0;
}




















