@charset "UTF-8";


/* ▼▼body▼▼
---------------------------------------------*/

body {
	background:#fff;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size:75%;
	line-height:1.7;
	color:#666;
	overflow-y:scroll;
	}


/* ▼▼link▼▼
---------------------------------------------*/

a {
	color:#666;
	text-decoration:none;
	/*\*/
	overflow: hidden;
	/**/}
a:visited {color: #666;}
a:hover {color: #FF9900;}


/* ▼▼other▼▼
---------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clear{
	clear:both;
}
.left {float:left;}
.right {float:right;}


/* ▼▼wrapper▼▼
---------------------------------------------*/


#wrapper{
	width:800px;
	margin:0 auto;
	text-align:left;
}


/* ▼▼header▼▼
---------------------------------------------*/

#header{
	width:800px;
	margin:0 auto;
}

#header_shop_info{
	width:800px;
	height:54px;
	background:url(../img/header_back.jpg) no-repeat;
	padding-top:26px;
}

#header_shop_info h1 a{
	display:block;
	width:184px;
	height:49px;
	background:url(../img/header_logo.jpg) no-repeat;
	text-indent:-9999px;
	margin-left:9px;
}

#header_shop_info p{
	display:none;
	text-indent:-9999px;
}

#header_shop_info a{
	color:#fff;
}

#header_shop_info a:hover{
	color:#CCFF00;
}

#header_shop_info ul{
	margin-top:24px;
	padding-right:15px;
}

#header_shop_info ul li{
	float:left;
	margin-left:28px;
}


/* ▼▼navi▼▼
---------------------------------------------*/

#navi{
	width:800px;
	margin:0 auto;
}

#navi li{
	float:left;
}

#navi a.navi01{
	display:block;
	width:158px;
	height:50px;
	background:url(../img/navi01_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi01:hover{
	background:url(../img/navi01_on.gif) no-repeat;
}

#navi a.navi02{
	display:block;
	width:160px;
	height:50px;
	background:url(../img/navi02_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi02:hover{
	background:url(../img/navi02_on.gif) no-repeat;
}

#navi a.navi03{
	display:block;
	width:158px;
	height:50px;
	background:url(../img/navi03_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi03:hover{
	background:url(../img/navi03_on.gif) no-repeat;
}

#navi a.navi04{
	display:block;
	width:160px;
	height:50px;
	background:url(../img/navi04_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi04:hover{
	background:url(../img/navi04_on.gif) no-repeat;
}

#navi a.navi05{
	display:block;
	width:164px;
	height:50px;
	background:url(../img/navi05_off.gif) no-repeat;
	text-indent:-9999px;
}

#navi a.navi05:hover{
	background:url(../img/navi05_on.gif) no-repeat;
}



/* ▼▼container▼▼
---------------------------------------------*/

#topic_path_space{
	width:800px;
	height:32px;
	background:url(../img/tensen.gif) bottom repeat-x;
	margin:5px auto 10px auto;
	padding-bottom:3px;
}

.topicPath{
	margin-left:5px;
	line-height:32px;
	display:inline;
}

.up_tshirt_maker{
	width:435px;
	height:32px;
	background:url(../img/maker_logo_mini.gif) right center no-repeat;
	margin-right:5px;
	line-height:32px;
}

#container{
	width:800px;
	margin:0 auto 50px auto;
}


/* ▼▼side_navi▼▼
---------------------------------------------*/

#side_navi{
	width:200px;
}

h3.step1{
	width:198px;
	height:41px;
	background:url(../img/side_step1_title.jpg) no-repeat;
	margin-bottom:6px;
	text-indent:-9999px;
}

ul.side_step1_navi{
	width:195px;
	margin:0 auto 5px auto;
}

ul.side_step1_navi li{
	margin-bottom:2px;
}

a.side_step1_navi01{
	display:block;
	width:195px;
	height:55px;
	background:url(../img/side_wear_navi01_off.jpg) no-repeat;
	text-indent:-9999px;
}

a.side_step1_navi01:hover{
	background:url(../img/side_wear_navi01_on.jpg) no-repeat;
}

a.side_step1_navi02{
	display:block;
	width:195px;
	height:55px;
	background:url(../img/side_wear_navi02_off.jpg) no-repeat;
	text-indent:-9999px;
}

a.side_step1_navi02:hover{
	background:url(../img/side_wear_navi02_on.jpg) no-repeat;
}

a.side_step1_navi03{
	display:block;
	width:195px;
	height:55px;
	background:url(../img/side_wear_navi03_off.jpg) no-repeat;
	text-indent:-9999px;
}

a.side_step1_navi03:hover{
	background:url(../img/side_wear_navi03_on.jpg) no-repeat;
}

a.side_step1_navi04{
	display:block;
	width:195px;
	height:55px;
	background:url(../img/side_wear_navi04_off.jpg) no-repeat;
	text-indent:-9999px;
}

a.side_step1_navi04:hover{
	background:url(../img/side_wear_navi04_on.jpg) no-repeat;
}

a.side_step1_navi05{
	display:block;
	width:195px;
	height:55px;
	background:url(../img/side_wear_navi05_off.jpg) no-repeat;
	text-indent:-9999px;
}

a.side_step1_navi05:hover{
	background:url(../img/side_wear_navi05_on.jpg) no-repeat;
}

a.side_step1_navi06{
	display:block;
	width:195px;
	height:55px;
	background:url(../img/side_wear_navi06_off.jpg) no-repeat;
	text-indent:-9999px;
}

a.side_step1_navi06:hover{
	background:url(../img/side_wear_navi06_on.jpg) no-repeat;
}



h3.step2{
	width:198px;
	height:41px;
	background:url(../img/side_step2_title.jpg) no-repeat;
	margin-bottom:6px;
	text-indent:-9999px;
}

.step2_box1{
	width:125px;
	height:58px;
	background:url(../img/side_design_img1.jpg) no-repeat;
	margin-bottom:7px;
	padding-left:65px;
	padding-bottom:5px;
	border-bottom:2px #999 dotted;
}

.step2_box1 a{
	height:13px;
	background:url(../img/indent.gif) left center no-repeat;
	padding-left:15px;
	font-size:12px;
	font-weight:bold;
}

.step2_box1 p{
	padding-top:4px;
	font-size:11px;
	line-height:1.2;
}

.step2_box2{
	width:125px;
	height:58px;
	background:url(../img/side_design_img2.jpg) no-repeat;
	margin-bottom:8px;
	padding-left:65px;
	padding-bottom:5px;
	border-bottom:2px #999 dotted;
}

.step2_box2 a{
	height:13px;
	background:url(../img/indent.gif) left center no-repeat;
	padding-left:15px;
	font-size:12px;
	font-weight:bold;
}

.step2_box2 p{
	padding-top:4px;
	font-size:11px;
	line-height:1.2;
}

.step2_box3{
	width:125px;
	height:58px;
	background:url(../img/side_design_img3.jpg) no-repeat;
	margin-bottom:8px;
	padding-left:65px;
}

.step2_box3 a{
	height:13px;
	background:url(../img/indent.gif) left center no-repeat;
	padding-left:15px;
	font-size:12px;
	font-weight:bold;
}

.step2_box3 p{
	padding-top:4px;
	font-size:11px;
	line-height:1.2;
}

h3.step3{
	width:198px;
	height:41px;
	background:url(../img/side_step3_title.jpg) no-repeat;
	margin-bottom:6px;
	text-indent:-9999px;
}

ul.side_step3_navi{
	width:160px;
	margin:0 auto 15px auto;
}

ul.side_step3_navi li{
	background:url(../img/indent.gif) left center no-repeat;
	padding-left:15px;
	margin-bottom:2px;
}

ul.side_step3_navi a{
	font-weight:bold;
}

a.side_additional_order{
	display:block;
	width:195px;
	height:31px;
	margin-bottom:14px;
	background:url(../img/side_additional_order_off.gif) no-repeat;
	text-indent:-9999px;
}

a.side_additional_order:hover{
	background:url(../img/side_additional_order_on.gif) no-repeat;
}

a.side_frequently_question{
	display:block;
	width:195px;
	height:42px;
	background:url(../img/side_frequently_question_off.gif) no-repeat;
	margin-bottom:4px;
	text-indent:-9999px;
}

a.side_frequently_question:hover{
	background:url(../img/side_frequently_question_on.gif) no-repeat;
}

a.side_gallery{
	display:block;
	width:195px;
	height:42px;
	background:url(../img/side_gallery_off.gif) no-repeat;
	margin-bottom:5px;
	text-indent:-9999px;
}

a.side_gallery:hover{
	background:url(../img/side_gallery_on.gif) no-repeat;
}

a.side_bbs{
	display:block;
	width:195px;
	height:42px;
	background:url(../img/side_bbs_off.gif) no-repeat;
	margin-bottom:5px;
	text-indent:-9999px;
}

a.side_bbs:hover{
	background:url(../img/side_bbs_on.gif) no-repeat;
}

.shop_infobox{
	width:196px;
	height:161px;
	background:url(../img/side_shop_info_back.jpg) no-repeat;
	padding-top:58px;
}

.shop_infobox p{
	padding-left:25px;
	line-height:1.2;
	margin-bottom:8px;
	color:#333;
}

p.side_tel{
	text-indent:-9999px;
}

a.side_inquiry{
	display:block;
	width:175px;
	height:29px;
	background:url(../img/side_inquiry_button_off.jpg) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
}

a.side_inquiry:hover{
	background:url(../img/side_inquiry_button_on.jpg) no-repeat;
}



/* ▼▼contents▼▼
---------------------------------------------*/

#contents{
	width:600px;
}

.pagetop{
	margin-left:650px;
	margin-bottom:25px;
}

/* ▼▼footer▼▼
---------------------------------------------*/

#footer{
	width:800px;
	border-top:#32BAFF 5px solid;
}

#footer_navi{
	width:310px;
	margin-top:4px;
}

#footer_navi li{
	height:12px;
	line-height:1.2;
	float:left;
	padding:0 8px;
	border-right:1px solid #666;
}

#footer_navi li.list_end{
	border:none;
}

#footer_navi li a{
	font-size:11px;
	text-decoration:none;
}

#footer_navi li a:hover{
	color:#FF9900;
}

#copyright{
	margin-top:2px;
	margin-left:4px;
	font-size:11px;
	color:#666;
}