@charset "utf-8";
@import url("/special/shared/css/base.css");

/* --------------------------------------------------------------------------------------
	style map
		-
		-
		-
--------------------------------------------------------------------------------------- */

/* STICHIDEE COMMON STYLES
--------------------------------------------------*/

#stitchideeIndex,
#stitchideeIntroduction,
#stitchideeContest,
#stitchideeBooks{
color:#6E493D;}

#conHead ul,
ul.conFootNav,
.caBox{
background:#FEC;}
#conHead ul{
margin-bottom:20px;}
ul.conFootNav{
clear:both;}
#conHead ul li,
ul.conFootNav li{
padding:1px 15px;}
#conHead h1{
margin:0 0 20px;}

p .important{
color:#F00;}

.introduce{
display:block;
clear:both;
margin:0 5px 20px;
padding:0;
width:642px;}
.introduce .photo,
.introduce .txtBox{
float:left;}
.introduce .photo{
margin-right:20px;}
.introduce .txtBox{
width:420px;}
.introduce .txtBox p{
margin:0 0 15px;}
.introduce .txtBox .link{
background:url(../images/index_icon_newslist.gif) no-repeat 0 50%;
padding-left:18px;}

.caBox{
clear:both;
margin:0 5px 20px;
padding:15px;
width:612px;}
.caBox h2{
margin:0;
clear:both;}
.caBox p{
margin:0 0 15px;}
.caBox p.btm{
margin:0;}
.caBox h2.newpub{
border:1px solid #DDD;
border-bottom:0;}
.caBox p.intro{
margin:0 0 15px;}
.caBox ul.bnrArea{
background:#FFF;
list-style-type:none;
margin:0 0 15px;
padding:10px;}
.caBox ul.bnrArea li a{
text-decoration:none;}
.caBox ul.bnrArea li.top{
margin:0 0 10px;}
.caBox .infoBox{
background:#FFF;
display:block;
clear:both;
margin:0;
padding:20px;
width:574px;}
.caBox .infoBox h4{
margin:0 0 10px;}
.caBox .infoBox .photo,
.caBox .infoBox .txtBox{
float:left;}
.caBox .infoBox .photo{
margin-right:18px;}
.caBox .infoBox .txtBox{
width:400px;}
.caBox .infoBox .txtBox h2{
margin:0 0 10px;}
.caBox .infoBox .txtBox p{
margin:0 0 15px;}
.caBox .infoBox .txtBox p.caution{
margin:0;}
.caBox .infoBox .txtBox p.btn{
text-align:center;}
.caBox .infoBox .itemArea{
border-bottom:1px dotted #DDD;
display:block;
clear:both;
margin:0 0 15px;
width:574px;}
.caBox .infoBox .txtBox ul.exImg{
list-style-type:none;
clear:both;
margin:0 0 15px;
padding:0;
width:400px;}
.caBox .infoBox .txtBox ul.exImg li{
display:block;
float:left;
margin:0 5px 0 0;
padding:0;}
.caBox .infoBox .txtBox dl{
margin:0 0 15px;
padding:0;}
.caBox .infoBox .txtBox dt,
.caBox .infoBox .txtBox dd{
margin:0 0 5px;
padding:0;}
.caBox .infoBox .txtBox dd.title{
font-weight:bold;}
.caBox .infoBox .books{
display:block;
clear:both;
text-align:right;}
.caBox .infoBox .books p{
margin:0;}
.caBox .infoBox .books p a{
background:url(../images/index_icon_books.gif) no-repeat 0 50%;
padding-left:18px;}

.coBox{
background:url(../images/bg_coBox.jpg) no-repeat;
clear:both;
margin:0 4px 15px;
padding:15px;
width:614px;}
.coBox h2{
margin:0 0 10px;}
.coBox p{
margin:0 0 15px;}
.coBox p.btm{
margin:0;}
.coBox .works{
display:block;
clear:both;}
.coBox .works dl{
border-right:1px dotted #DDD;
display:block;
float:left;
margin:0;
padding:0 10px;
width:135px;}
.coBox .works dl.left{
padding-left:0;}
.coBox .works dl.right{
border:0;
padding-right:0;}
.coBox .works dt{
display:block;
margin:0 0 10px;}


/* STICHIDEE INDEX STYLES
--------------------------------------------------*/

#stitchideeIndex .caBox{
padding:15px 15px 1px;}
#stitchideeIndex .caBox .infoBox{
border:1px solid #DDD;
margin:0 0 15px;
padding:19px;
width:574px;}


/* STICHIDEE INTRODUCTION STYLES
--------------------------------------------------*/
#stitchideeIntroduction .introduce h2,
#stitchideeIntroduction .introduce h3{
margin:0 0 10px;}

#stitchideeIntroduction .introduce dl.website{
display:block;
clear:both;
width:420px;}
#stitchideeIntroduction .introduce dl.website dt,
#stitchideeIntroduction .introduce dl.website dd{
display:block;
float:left;}
#stitchideeIntroduction .introduce dl.website dt{
margin-right:10px;}
#stitchideeIntroduction .introduce dl.website dd{
margin-top:20px;}

#stitchideeIntroduction .caBox .infoBox .photo{
margin-right:15px;}
#stitchideeIntroduction .caBox .infoBox .txtBox{
width:355px;}
#stitchideeIntroduction .caBox .infoBox .txtBox ul#homesweetcraft{
background:#FFFAF2;
border:1px solid #FEC;
border-top:0;
display:block;
clear:both;
padding:12px;
width:328px;}
#stitchideeIntroduction .caBox .infoBox .txtBox ul#homesweetcraft li{
display:inline;
margin:0 20px;}

#stitchideeIntroduction .caBox .infoBox ul#sorasidoworks{
display:block;
clear:both;
margin:0;
padding:0;
width:560px;}
#stitchideeIntroduction .caBox .infoBox ul#sorasidoworks li{
display:block;
float:left;
margin:0;
padding:0;}


/* STICHIDEE CONTEST STYLES
--------------------------------------------------*/

#stitchideeContest #conHead h2,
#stitchideeContest #conHead p{
margin:0 0 15px;}

#stitchideeContest .worksBox{
background:#FFF;
display:block;
clear:both;
margin:0;
padding:0;
width:610px;}
#stitchideeContest .worksBox .photo,
#stitchideeContest .worksBox .txtBox{
float:left;}
#stitchideeContest .worksBox .photo{
margin-right:18px;
width:380px;}
#stitchideeContest .worksBox .txtBox{
width:210px;}
#stitchideeContest .worksBox .txtBox p{
margin:0 0 15px;}
#stitchideeContest .worksBox .txtBox p.btn{
text-align:center;}

#stitchideeContest .infoBox h4,
#stitchideeContest .infoBox p{
display:block;
clear:both;}
#stitchideeContest .infoBox dl.method,
#stitchideeContest .infoBox dl.methodTop{
display:block;
clear:both;
margin:0 0 15px;
width:575px;}
#stitchideeContest .infoBox dl.methodTop{
margin:0;}
#stitchideeContest .infoBox dl.method dt,
#stitchideeContest .infoBox dl.method dd,
#stitchideeContest .infoBox dl.methodTop dt,
#stitchideeContest .infoBox dl.methodTop dd{
display:block;
float:left;}
#stitchideeContest .infoBox dl.methodTop dt,
#stitchideeContest .infoBox dl.methodTop dd{
margin:0;}
#stitchideeContest .infoBox dl.method dt,
#stitchideeContest .infoBox dl.methodTop dt{
font-weight:bold;
margin-right:20px;}

#stitchideeContest .infoBox .shop{
display:block;
clear:both;
margin:0;
width:575px;}
#stitchideeContest .infoBox .shop dl{
display:block;
float:left;
margin:0 0 15px;
width:280px;}
#stitchideeContest .infoBox .shop dt,
#stitchideeContest .infoBox .shop dd{
display:block;}
#stitchideeContest .infoBox .shop dt{
font-weight:bold;
margin:0 0 5px;}
#stitchideeContest .infoBox .shop dd{
margin:0 0 0 10px;}

#stitchideeContest .coBox .worksIndex{
display:block;
clear:both;
margin:0 0 15px;
padding:0 0 0 5px;}
#stitchideeContest .coBox .worksIndex dl{
display:block;
float:left;
margin:0 5px 20px;}
#stitchideeContest .coBox .worksIndex dt,
#stitchideeContest .coBox .worksIndex dd{
display:block;}
#stitchideeContest .coBox .worksIndex dt{
margin:0 0 10px;}
#stitchideeContest .coBox .worksIndex dt a{
text-decoration:none;}
#stitchideeContest .coBox .worksIndex p{
display:block;
clear:both;}


/* STICHIDEE BOOKS STYLES
--------------------------------------------------*/

#stitchideeBooks .introduce{
padding:0 3px;}

#stitchideeBooks .introduce h2,
#stitchideeBooks .introduce p{
margin:0 0 15px;}
#stitchideeBooks #itemBox{
display:block;
clear:both;
padding:0 5px;
width:634px;}
#stitchideeBooks #itemBox dl{
display:block;
float:left;
margin:0 20px 20px 0;
width:295px;}
#stitchideeBooks #itemBox dt,
#stitchideeBooks #itemBox dd{
display:block;
float:left;}
#stitchideeBooks #itemBox dt{
margin-right:10px;}
#stitchideeBooks #itemBox dd{
font-weight:bold;
width:140px;}

#stitchideeBooks ul.conFootNav{
clear:both;}


/* WORKS STYLES
--------------------------------------------------*/
.specialStitchideeWorks{
margin:0;
padding:0;
font-size:small;}
.specialStitchideeWorks a img{
border:0;}
.specialStitchideeWorks a{
text-decoration:none;}
.specialStitchideeWorks .head,
.specialStitchideeWorks .photoArea,
.specialStitchideeWorks .naviArea,
.specialStitchideeWorks .foot{
display:block;
margin:10px;}
.specialStitchideeWorks .photoArea img{
margin-bottom:5px;}
.specialStitchideeWorks .photoArea p{
text-align:center;
margin:0 0 15px;}

.specialStitchideeWorks .foot{
margin:0;}
.specialStitchideeWorks .naviArea ul{
display:block;
clear:both;
list-style-type:none;
margin:0;
padding:0;
width:400px;}
.specialStitchideeWorks .naviArea ul li{
display:block;
float:left;}
.specialStitchideeWorks .naviArea ul li.prev,
.specialStitchideeWorks .naviArea ul li.next{
width:120px;}
.specialStitchideeWorks .naviArea ul li.close{
width:160px;
text-align:center;}
.specialStitchideeWorks .naviArea ul li.next{
text-align:right;}


/* CLEAR FIX
--------------------------------------------------*/

.introduce:after,
.caBox .infoBox:after,
.caBox .infoBox .itemArea:after,
.caBox .infoBox .txtBox ul.exImg:after,
.coBox:after,
.coBox .works:after,
#stitchideeContest .infoBox dl.method:after,
#stitchideeContest .infoBox dl.methodTop:after,
#stitchideeContest .worksBox:after,
#stitchideeBooks #itemBox:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}
/* Hides from IE-mac \*/
* html .introduce,
* html .caBox .infoBox,
* html .caBox .infoBox .itemArea,
* html .caBox .infoBox .txtBox ul.exImg,
* html .coBox,
* html .coBox .works,
* html #stitchideeContest .infoBox dl.method,
* html #stitchideeContest .infoBox dl.methodTop,
* html #stitchideeContest .worksBox,
* html #stitchideeBooks #itemBox{height: 1%;}
/* End hide from IE-mac */


/* IE6 HACKS
--------------------------------------------------*/

*html #stitchideeContest .infoBox .shop{
margin:0 0 15px;}

*html #stitchideeBooks #itemBox dl{
display:block;
float:left;
margin:0 20px 20px 0;
width:280px;}
*html #stitchideeBooks #itemBox dd{
width:120px;}