@charset "utf-8";




@media print, screen and (min-width: 768px){

/*		Contents
---------------------------------------------------------------------------

Common
	Widget（パーツ）・Pager・Error

	HOME								[ / ]
	アイテムから選ぶ					[ /item/list.html ]
	アイテムから選ぶ（詳細）			[ /item/entry.html ]
	スタッフブログ						[ /blog/ ]
	お客様の声							[ /voice/ ]
	デザイン集							[ /design/ ]
	はじめての方へ						[ /beginner/ ]
	ご利用ガイド						[ /how/ ]
	Tシャツ比較表						[ /comparison/ ]
	デザインの入稿方法					[ /creation/ ]
	よくあるご質問（Q＆A）				[ /faq/ ]
	会社概要							[ /company/ ]
	特定商取引法の表示					[ /guide/ ]
	料金表								[ /price/ ]
	シルクスクリーン					[ /processing/silk.html ]
	インクジェット						[ /processing/inkjet.html ]
	カッティング						[ /processing/cutting.html ]
	転写								[ /processing/transcription.html ]
	学割								[ /discount/ ]
	お問い合わせ						[ /contact/ ]
	大口ロット注文						[ /large_quantities/ ]
	無料簡単見積もり					[ /estimate/ ]
	カート								[ /cart/ ]
	サイトマップ						[ /sitemap/ ]
	404									[ /404/ ]
	

	料金シミュレーション[ /simulation/ ]
	職人の技            [ /craftsman/ ]
	リピーター          [ /repeater/ ]
	法人の方            [ /corporate/ ]
	マンガ [ /manga/ ]
	コラム [ /column/ ]　

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


/* ========================================================================
	Common
======================================================================== */
body{
	min-width:1016px;
	background:#eeeeee;
}

.sp, #menu{
	display:none;
}

.inner{
	width:996px;
	margin:0 auto;
	position:relative;
}


/* -----------------------------------
	header
----------------------------------- */
header{
	background:url(../../img/common/bg_header.png);
	width: 100%;
	position: fixed;
	top: 0;
  　left: 0; 
  　right: 0; 
	z-index:1 ;
	
}

header .inner{
	overflow:hidden;
}

header h1,
header p.logo{
	float:left;
	width:206px;
	padding:12px 0;
	background:#ffffff;
	text-align:center;
}

header p.result{
	float:left;
	padding:4px;
}

.header_faq{
float:right;
}
.header_faq a{
display:block;
padding:3px;
background:#362b23;
border-radius:100%;
}
.header_faq a:hover{
background-color:#f00;
}
.header_faq img{
width:20px;
height:20px;
}

/* contact
----------------------------------- */
header .contact{
	float:left;
}

header .contact p{
	float:left;
	padding:4px;
	font-size:107.7%;
	color:#ffffff;
	line-height:1.8;
}

header .contact p span{
	font-size:114.3%;
	font-weight:bold;
}


/* btn
----------------------------------- */
header .btn{
	float:right;
	padding:2px 0;
}

header .btn p{
	float:left;
	padding:0 0 0 4px;
}


/* search
----------------------------------- */


header .search{
	float:left;
	width:246px;
padding-left:40px;
}

/* ----- gsc-input ----- */
header .search .gsc-input .gsc-input-box{
	width:180px;
}

header .search .gsc-input .gsc-input-box-focus{
	box-shadow:none;
}

header .search .gsc-input .gsib_a{
	padding:0 8px;
}

header .search .gsc-input .gsib_a input{
	height:23px !important;
	font-size:14px;
	line-height:23px;
}

header .search .gsc-input .gsib_b .gsst_b{
	height:23px;
}

/* ----- gsc-search-button ----- */
header .search .gsc-search-button .gsc-search-button-v2{
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-o-box-sizing:content-box;
	-ms-box-sizing:content-box;
	box-sizing:content-box;
	margin:0;
	padding:5px 14px;
}

header .search .gsc-search-button .gsc-search-button:hover,
header .search .gsc-search-button .gsc-search-button:focus{
	background:#bbbbbb;
}


/* nav
----------------------------------- */
header nav{
	width:790px;
	position:absolute;
	bottom:0px;
	right:0px;
}

header nav p{
	display:none;
}

header nav ul li{
	float:left;
}

header nav ul li a{
	display:block;
	width:132px;
	height:54px;
	text-indent:-9999px;
	background:no-repeat center center #feee46;
}




header nav ul li.nav_home a{ background-image:url(../../img/common/nav_home.png); }
header nav ul li.nav_beginner a{ background-image:url(../../img/common/nav_beginner.png); }
header nav ul li.nav_voice a{ background-image:url(../../img/common/nav_voice.png); }
header nav ul li.nav_design a{ background-image:url(../../img/common/nav_design.png); }
header nav ul li.nav_price a{ background-image:url(../../img/common/nav_price.png); width:131px; }
header nav ul li.nav_simulation a{ background-image:url(../../img/common/nav_simulation.png); width:131px; }
header nav ul li.nav_repeater a{ background-image:url(../../img/common/nav_repeater.png); }
header nav ul li.nav_easy-estimate a{ background-image:url(../../img/common/nav_easy-estimate.png); background-color:#a954fa; width:131px; }

header nav ul li.nav_home a:hover{ background-image:url(../../img/common/nav_home_on.png); }
header nav ul li.nav_beginner a:hover{ background-image:url(../../img/common/nav_beginner_on.png); }
header nav ul li.nav_voice a:hover{ background-image:url(../../img/common/nav_voice_on.png); }
header nav ul li.nav_design a:hover{ background-image:url(../../img/common/nav_design_on.png); }
header nav ul li.nav_price a:hover{ background-image:url(../../img/common/nav_price_on.png); }
header nav ul li.nav_simulation a:hover{ background-image:url(../../img/common/nav_simulation_on.png); }
header nav ul li.nav_repeater a:hover{ background-image:url(../../img/common/nav_repeater_on.png); }
header nav ul li.nav_easy-estimate a:hover{ background-image:url(../../img/common/nav_easy-estimate_on.png); }


/* -----------------------------------
	contents
----------------------------------- */
#contents{
	width:996px;
	margin:115px auto 0;
	overflow:hidden;
	font-size:107.7%; /* 14px */
}

#contents main{
	float:right;
	width:780px;
	padding:10px 0 30px 0;
}

#contents aside{
	float:left;
	width:206px;
	padding:0 0 24px 0;
}


/* -----------------------------------
	main
----------------------------------- */
main h1{
	padding:0 0 10px 0;
}

main h2{
	margin:0 0 10px 0;
	background:#279F39;
	font-weight:bold;
	color:#ffffff;
	line-height:24px;
}

main p.lead{
	padding:0 0 10px 0 !important;
	font-size:142.8%;
	font-weight:bold;
	line-height:1.4;
}

/* cashless
----------------------------------- */
	.cashless{
		text-align: center;
		margin-bottom: 20px;
	}
		.cashless img{
		width: 780px;
	}
	

/* division（背景・白）
----------------------------------- */
main .division{
	width:774px;
	position:relative;
	margin:14px auto 24px;
	padding:16px 23px 16px 20px;
	background:url(../../img/common/bg_division.png) repeat-y left center;
}

main .division:before{
	content:url(../../img/common/bg_division_top.png);
	position:absolute;
	top:-4px;
	left:0px;
	line-height:0;
}

main .division:after{
	content:url(../../img/common/bg_division_bottom.png);
	position:absolute;
	bottom:-4px;
	left:0px;
	line-height:0;
}


main .division-flexible{
	width:auto;
	position:relative;
	margin:14px auto 24px;
	padding:16px 16px 16px 16px;
background-color:#fff;
box-shadow:3px 3px 0 #c3c3c3;
}



/* -----------------------------------
	aside
----------------------------------- */
aside h2{
	margin:0 0 10px 0;
	background:#717071;
	text-align:center;
	color:#ffffff;
}

aside p{
	padding:0 0 20px 0;
}


/* navi
----------------------------------- */
aside .navi{
	padding:0 0 4px 0;
	border-top:1px dotted #c2aa2b;
}

aside .navi li{
	border-bottom:1px dotted #c2aa2b;
}

aside .navi li a{
	display:block;
	padding:3px 0;
	background:#ffffff;
}

aside .navi li a:hover{
	background:#ffff00;
}


/* bnr
----------------------------------- */
aside .bnr li{
	padding:0 0 4px 0;
}


/* search
----------------------------------- */
aside .search{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	background:#ffffff;
}

aside .search h2{
	margin:0;
}

aside .search ul li a{
	display:block;
	padding:4px 14px;
	font-size:114.3%;
	font-weight:bold;	
	color:#333333;
	text-decoration:none;
}

aside .search ul li a:hover{
	background:#fff000;
}

aside .search form{
	position:relative;
}

aside .search input.box{
	width:190px;
	height:32px;
	line-height:30px;
	margin:0 8px 10px;
	padding:0 0 0 28px;
	background:url(../../img/common/icon_search.png) no-repeat 4px center;
	border:1px solid #aaaaaa;
}

aside .search input.btn{
	position:absolute;
	top:4px;
	right:12px;
	width:40px;
	height:24px;
	background:#0092d9;
	border:none;
	color:#ffffff;
	line-height:14px;
}


/* payment
----------------------------------- */
aside .payment{
	padding:0 0 20px 0;
}

aside .payment ul{
	padding:0 0 10px 0;
	background:#ffffff;
}

aside .payment ul a{
	display:block;
	padding:4px 14px;
	font-size:114.3%;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

aside .payment ul a:hover{
	background:#eeeeee;
}


/* company
----------------------------------- */
aside .company{
	padding:0 20px 20px;
}

aside .company p{
	padding:0;
	font-size:85.7%;
}

aside .company address span{
	display:block;
	padding:6px 0 0 0;
	font-size:128.6%;
	font-weight:bold;
	line-height:1.2;
}


/* calendar
----------------------------------- */
aside .calendar{
	padding:0 0 10px 0;
	text-align:center;
}

aside .calendar p{
	padding-bottom:10px;
}

aside .calendar table{
	margin:0 0 10px 0;
	background:#ffffff;
	text-align:center;
}

aside .calendar table caption{
	background:#279f39;
	text-align:left;
	color:#ffffff;
	padding:2px 0 0 6px;
}

aside .calendar table td, aside .calendar table th{
	border:1px solid #279f39;
}

aside .calendar table td.cal_sun{
	color:#ff0000;
}


/* brand
----------------------------------- */
aside .brand h2{
	background:#62b53f;
}

aside .brand ul li{
	float:left;
	padding:0 6px 6px 0;
}

aside .brand ul li:nth-child(4n){
	padding-right:0;
}


/* -----------------------------------
	path
----------------------------------- */
#path{
	overflow:hidden;
	margin:0 0 10px 0;
}

#path li{
	float:left;
	padding:0 0.5em 0 0;
	font-size:85.7%;
}

#path li:before{
	content:">";
	margin:0 0.5em 0 0;
}

#path li:first-child:before{
	content:"";
	margin:0;
}

#path li a{
	color:#333333;
}


/* -----------------------------------
	btn_company（会社概要）
----------------------------------- */
aside a.btn_company,
footer a.btn_company{
	display:block;
	width:65px;
	margin:0 auto 6px;
	background:#6e6d6e; /* Old browsers */
	background:-moz-linear-gradient(top,  #6e6d6e 0%, #413d3c 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #6e6d6e 0%,#413d3c 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #6e6d6e 0%,#413d3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6d6e', endColorstr='#413d3c',GradientType=0 ); /* IE6-9 */
	border:1px solid #413d3c;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-align:center;
	color:#ffffff;
	line-height:23px;
	text-decoration:none;
}

aside a.btn_company:hover,
footer a.btn_company:hover{
	background:#413d3c; /* Old browsers */
	background:-moz-linear-gradient(top,  #413d3c 0%, #6e6d6e 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #413d3c 0%,#6e6d6e 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #413d3c 0%,#6e6d6e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#413d3c', endColorstr='#6e6d6e',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
}


/* -----------------------------------
	footer
----------------------------------- */
footer{
	background:#009e41;
	color:#ffffff;
}

footer p.copyright{
	background:#004422;
	text-align:center;
	font-size:84.6%;
	line-height:32px;
}

footer .inner{
	overflow:hidden;
}


/* info
----------------------------------- */
footer .info{
	float:left;
}

footer .info h2{
	padding:20px 0 10px 0;
}

footer .info p{
	font-size:92.3%;
}

footer .info address{
	padding:0 0 10px 10px;
	font-size:107.7%;
	line-height:1.4;
}

footer .info address span{
	display:block;
	padding:6px 0 0 0;
	font-size:128.6%;
	font-weight:bold;
	line-height:1.2;
}


/* nav
----------------------------------- */
footer nav{
	float:right;
}

footer nav ul{
	float:left;
	margin:10px 0;
	padding:10px 20px;
	font-size:92.3%;
}

footer nav ul:first-of-type{
	background:#004422;
}

footer nav ul li:before{
	content:"・";
	padding:0 8px 0 0;
	color:#e95513;
	font-size:10px;
}

footer .inner nav a{
	color:#ffffff;
	text-decoration:none;
}

footer .inner nav a:hover{
	text-decoration:underline;
}


/* ========================================================================
	Widget（パーツ）・Pager・Error
======================================================================== */

/* -----------------------------------
	widget_contact
----------------------------------- */
.widget_contact p{
	text-align:right;
}

.widget_contact p span{
	display:inline-block;
	text-indent:-1.0em;
	padding-left:1.0em;
	text-align:left;
	font-size:78.6%;
}

.widget_contact ul li{
	float:left;
	margin:0 28px 6px 0;
}

.widget_contact ul li:nth-child(2n){
	margin-right:0;
}


/* -----------------------------------
	widget_guide
----------------------------------- */
.widget_guide{
	margin:0 2px;
	padding:0 0 4px 0;
	border-bottom:4px dotted #279f39;
}

.widget_guide li{
	float:left;
	width:188px;
	margin:0 8px 10px 0;
}

.widget_guide li:nth-child(4n){
	margin-right:0;
}

.widget_guide li a{
	display:block;
	height:53px;
	padding:0 0 0 54px;
	background:url(../../img/common/bg_guide.png) no-repeat center top;
	color:#333333;
	line-height:50px;
	text-decoration:none;
}

.widget_guide li a:hover{
	background:url(../../img/common/bg_guide_on.png) no-repeat center top;
}


/* -----------------------------------
	widget_btn
----------------------------------- */
.widget_btn{
	padding:0 0 20px 0;
	text-align:center;
}

.widget_btn a{
	margin:0 4px;
}

.widget_btn button{
	margin:0 4px;
	padding:0;
	background:none;
	border:none;
}


/* contact（お問い合わせ・大口ロット注文）
----------------------------------- */
#contact .widget_btn{
	padding-top:30px;
}


/* -----------------------------------
	pager
----------------------------------- */
.pager{
	padding:10px 0 30px 0;
	text-align:center;
}

.pager a{
	display:inline-block;
	margin:0 4px 10px;
	color:#333333;
	text-decoration:none;
}

.pager a:hover{
	text-decoration:underline;
}

.pager a.link_page{
	padding:0 8px;
	background:#279f39;
	border:2px solid #279f39;
	color:#ffffff;
	line-height:28px;
}

.pager a.link_page:hover{
	background:#5bd627;
	border:2px solid #5bd627;
	text-decoration:none;
}

.pager span{
	display:inline-block;
	margin:0 4px 10px;
	padding:0 8px;
	background:#ffffff;
	border:2px solid #279f39;
	line-height:28px;
}


/* -----------------------------------
	error（お問い合わせ・無料簡単見積もり）
----------------------------------- */
#error{
	padding:0 0 20px 0;
	text-align:center;
}

#contact .font16,
#estimate .font16{
	margin:0 0 4px 0;
	padding:4px 8px;
	background:#ff0000;
	color:#ffffff;
}


/* ========================================================================
	HOME								[ / ]
======================================================================== */
#home p.bnr{
	padding:0 0 30px 0;
	text-align:center;
}


/* -----------------------------------
	slider
----------------------------------- */

.slider_main{
}

.slider_pager{
margin-left:-1%;
margin-top:-10px;
margin-bottom:20px;
}
.slider_pager a{
display:block;
width:24%;
margin-left:1%;
float:left;
}

.slider_pager a img{
width:auto;
max-width:100%;
height:auto;
opacity:0.5;
}

.slider_pager a.active img{
box-shadow:0 0 0 2px #279f39;
opacity:1;
}

/* -----------------------------------
	flow
----------------------------------- */
#home .flow{
	padding:0 0 26px 0;
}


/* -----------------------------------
	item
----------------------------------- */
#home .item p.btn{
	padding:0 0 30px 0;
	text-align:center;
}

#home .item li{
	float:left;
	width:180px;
	margin:4px 20px 24px 0;
	padding:6px 15px 6px 11px;
	position:relative;
	background:url(../../img/common/bg_white.png) repeat-y center;
}

#home .item li:before{
	content:url(../../img/common/bg_white_top.png);
	position:absolute;
	top:-4px;
	left:0px;
	line-height:0;
}

#home .item li:after{
	content:url(../../img/common/bg_white_bottom.png);
	position:absolute;
	bottom:-4px;
	left:0px;
	line-height:0;
}

#home .item li:nth-child(4n){
	margin-right:0;
}

#home .item li a{
	color:#333333;
	text-decoration:none;
}

#home .item li a:hover{
	text-decoration:underline;
}

#home .item li h3{
	padding:0 0 6px 0;
	text-align:center;
	font-weight:bold;
}

#home .item li h3.new:before{
	content:url(../../img/home/icon_new01.png);
	position:absolute;
	top:4px;
	left:8px;
	z-index:1;
}

#home .item li h3 img{
	margin:0 0 6px 0;
}

#home .item li dl dt{
	margin:0 0 4px 0;
	background:#ea5513;
	text-align:center;
	color:#ffffff;
	line-height:24px;
}

#home .item li dl dd{
	font-size:85.7%;
}

#home .item li dl dd.new:after{
	content:url(../../img/home/icon_new02.png);
	padding:0 0 0 4px;
}

#home .item li p{
	position:absolute;
	bottom:8px;
	right:10px;
	text-align:right;
	font-size:71.4%;
}


/* -----------------------------------
	pickup
----------------------------------- */
#home .pickup ul{
	padding:0 0 26px 0;
}

#home .pickup ul li{
	float:left;
	margin:0 0 0 10px;
}

#home .pickup ul li:first-child{
	margin-left:0;
}

#home .pickup ul li a{
	display:block;
	width:187px;
	height:165px;
	padding:10px 0 0 0;
	background:url(../../img/common/bg_pickup.png) no-repeat center top;
	text-align:center;
	font-size:107.7%;
	color:#333333;
	text-decoration:none;
}

#home .pickup ul li img{
	display:block;
	margin:0 auto 10px;
}
/* -----------------------------------
	template
----------------------------------- */
#home .template{
	margin:0 auto 30px;
}

/* -----------------------------------
	processing
----------------------------------- */
#home .processing ul{
	padding:0 0 20px 0;
}

#home .processing ul li{
	float:left;
	margin:0 28px 6px 0;
}

#home .processing ul li:nth-child(2n){
	margin-right:0;
}


/* -----------------------------------
	info
----------------------------------- */
#home .info{
	padding:0 0 26px 0;
}

#home .info ul{
	overflow:visible;
	position:relative;
	margin:0 0 4px 0;
	padding:6px 0 6px 20px;
	background:url(../../img/home/bg_info.png) repeat-y left center;
}

#home .info ul:before{
	content:url(../../img/home/bg_info_top.png);
	position:absolute;
	top:-4px;
	left:0px;
	line-height:0;
}

#home .info ul:after{
	content:url(../../img/home/bg_info_bottom.png);
	position:absolute;
	bottom:-4px;
	left:0px;
	line-height:0;
}

#home .info ul li{
	padding:10px 0;
}

#home .info ul li time{
	padding:0 20px 0 0;
}

#home .info ul li a{
	color:#333333;
}


/* ========================================================================
	アイテムから選ぶ					[ /item/list.html ]
	アイテムから選ぶ（詳細）			[ /item/entry.html ]
======================================================================== */
#item{
	padding:0 0 10px 0;
}

#item p.bnr{
	padding:0 0 10px 0;
	text-align:center;
}


/* -----------------------------------
	thickness（生地の厚さ）
----------------------------------- */
#item span.thickness{
	display:inline-block;
	margin:0 4px;
	padding:0 2px;
	border:1px solid #aaaaaa;
	color:#e45827;
	line-height:20px;
	font-family:"チBめAッFゃF", Meiryo; /* IE甃B */
}

#item span.thickness span{
	color:#dddddd;
}


/* -----------------------------------
	flow
----------------------------------- */
#item .flow p{
	padding:0 0 26px 0;
}

#item .flow p.step{
	padding:0 0 7px 0;
	text-align:center;
}


/* -----------------------------------
	search
----------------------------------- */
#item .search{
	overflow:hidden;
	margin:-10px 0 10px 0;
	padding:4px 0;
	background:#ffffff;
}

#item .search .select{
	float:left;
	padding:0 0 0 10px;
	font-size:85.7%;
}

#item .search .select select{
	width:150px;
	height:20px;
}

#item .search .order{
	float:right;
	padding:0 10px 0 0;
}

#item .search .order p{
	float:left;
	margin:4px 0 0 0;
	padding:0 8px;
	border-right:1px solid #dddddd;
	font-size:85.7%;
	line-height:1;
}

#item .search .order p a{
	color:#333333;
	text-decoration:none;
}

#item .search .order p a:hover{
	text-decoration:underline;
}


/* -----------------------------------
	list（一覧）
----------------------------------- */
#item .list{
	overflow:visible;
	padding:0 0 10px 0;
}

/* ----- clearfix ----- */
#item .list:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
/* -------------------- */

#item .list li{
	float:left;
	width:251px;
	position:relative;
	margin:4px 13px 14px 0;
	padding:0 15px 14px 12px;
	background:url(../../img/item/bg_item.png) repeat-y left center;
}

#item .list li:before{
	content:url(../../img/item/bg_item_top.png);
	position:absolute;
	top:-4px;
	left:0px;
	line-height:0;
}

#item .list li:after{
	content:url(../../img/item/bg_item_bottom.png);
	position:absolute;
	bottom:-4px;
	left:0px;
	line-height:0;
}

#item .list li:nth-child(3n){
	margin-right:0;
}

#item .list h3{
	position:relative;
}

#item .list h3 a{
	display:block;
	padding:12px 0;
	color:#333333;
	text-decoration:none;
}

#item .list h3 img{
	display:block;
	margin:0 auto 4px;
}

#item .list h3 span{
	display:none;
	position:absolute;
	bottom:-1px;
	left:0px;
	padding:10px;
	background:#ffffff;
	border:1px solid #aaaaaa;
}

#item .list h3 span img{
	width:100%;
	margin:0;
	box-shadow:#000 0 0 0;
}

#item .list p.catch{
	display:table-cell;
	width:251px;
	height:48px;
	vertical-align:middle;
	border-bottom:1px dotted #aaaaaa;
	line-height:1.4;
}

#item .list p.price{
	padding:12px 0;
}

#item .list p.btn{
	text-align:center;
}


/* info
----------------------------------- */
#item .list .info{
	padding:12px 0;
	border-top:1px dotted #aaaaaa;
	border-bottom:1px dotted #aaaaaa;
}

#item .list .info p br{
	display:none;
}


/* -----------------------------------
	entry（詳細）
----------------------------------- */
#item .entry h2{
	padding:0 10px;
	background:#f5f4f4;
	border-top:1px dotted #cccccc;
	color:#333333;
	line-height:30px;
}


/* gallery
----------------------------------- */
#item .entry .gallery{
	float:left;
	width:390px;
}

#item .entry .gallery img{
	border:1px solid #eeeeee;
}

#item .entry .gallery p{
	padding:0 0 10px 0;
}

#item .entry .gallery ul li{
	float:left;
	width:90px;
	margin:0 0 0 10px;
}

#item .entry .gallery ul li:first-child{
	margin-left:0;
}


/* info
----------------------------------- */
#item .entry .info{
	overflow:hidden;
	position:relative;
	padding:0 0 60px 10px;
}

#item .entry .info h1{
	padding:0 75px 20px 0;
}

#item .entry .info p.brand{
	position:absolute;
	top:0px;
	right:0px
}


/* ----- price ----- */
#item .entry .price{
	padding:0 0 30px 0;
}

#item .entry .price p{
	padding:0 0 4px 0;
	text-align:right;
	font-size:85.7%;
}

#item .entry .price table th{
	padding:6px;
	border:1px solid #dcdcdd;
	font-weight:bold;
}

#item .entry .price table td{
	padding:6px;
	border:1px solid #dcdcdd;
	text-align:center;
}

#item .entry .price table th[scope="col"],
#item .entry .price table td[scope="col"]{
	background:#f5f4f4
}


/* ----- spec ----- */
#item .entry .spec{
	padding:0 0 30px 0;
}

#item .entry .spec .stock p{
	padding:10px 0 0 0;
}


/* color
----------------------------------- */
#item .entry .color{
	padding:0 0 30px 0;
}

#item .entry .color p{
	text-align:center;
}

#item .entry .color p img{
	max-width:100%;
	height:auto;
}


/* size
----------------------------------- */
#item .entry .size{
	padding:0 0 30px 0;
}

#item .entry .size table{
	table-layout:fixed;
}

#item .entry .size table th{
	padding:6px 0;
	background:#333333;
	border:1px solid #dcdcdd;
	font-weight:bold;
	color:#ffffff;
}

#item .entry .size table td{
	padding:6px 0;
	border:1px solid #dcdcdd;
	text-align:center;
}


/* wear
----------------------------------- */
#item .entry .wear{
	padding:0 0 30px 0;
}

#item .entry .wear p{
	text-align:center;
}

#item .entry .wear p img{
	max-width:100%;
	height:auto;
}


/* btn
----------------------------------- */
#item .entry .btn{
	overflow:hidden;
	padding:0 0 20px 0;
}

#item .entry .btn p{
	float:left;
	padding:0 0 0 10px;
}

#item .entry .btn p:nth-of-type(2){
	float:right;
	padding:0 10px 0 0;
}


/* ========================================================================
	スタッフブログ						[ /blog/ ]
	お客様の声							[ /voice/ ]
======================================================================== */
#blog h2{
	overflow:hidden;
	padding:0 10px 0 6px;
}

#blog h2:before{
	content:"・";
	padding:0 4px 0 0;
}

#blog h2 a{
	color:#ffffff;
	text-decoration:none;
}

#blog h2 a:hover{
	text-decoration:underline;
}

#blog h2 time{
	float:right;
}

#blog p{
	padding:0 0 10px 0;
}

/*お客様の声*/

	#blog h3{color:#009966;
		padding:0 0 10px 0;
		font-size:130%;
		font-weight:bold; 
		margin-top:20px;
	}

/* ========================================================================
デザイン						[ /design/ ]
======================================================================== */
#design section{
	padding:0 0 20px 0;
}


/* -----------------------------------
	list
----------------------------------- */
#design .list{
	padding:0 0 10px 0;
}

#design .list li{
	float:left;
	width:180px;
	margin:4px 20px 14px 0;
	position:relative;
	background:url(../../img/common/bg_white.png) repeat-y center;
}

#design .list li:before{
	content:url(../../img/common/bg_white_top.png);
	position:absolute;
	top:-4px;
	left:0px;
	line-height:0;
}

#design .list li:after{
	content:url(../../img/common/bg_white_bottom.png);
	position:absolute;
	bottom:-4px;
	left:0px;
	line-height:0;
}

#design .list li:nth-child(4n){
	margin-right:0;
}

#design .list li a{
	display:block;
	padding:6px 15px 6px 11px;
	text-decoration:none;
}

#design .list li a span{
	display:block;
	margin:4px 0;
	background:#dcdcdd;
	text-align:center;
	color:#333333;
	line-height:28px;
}

#design .list li a:hover span{
	background:#279f39;
	color:#ffffff;
}


/* -----------------------------------
	category
----------------------------------- */
#design .category{
	padding:0;
}

#design .category h2{
	padding:0 10px 0 6px;
}

#design .category h2:before{
	content:"・";
	padding:0 4px 0 0;
}


/* ========================================================================
初めての方へ			[ /beginner/ ]
======================================================================== */
#beginner img{
	max-width:100%;
	height:auto;
}

#beginner p{
	padding:0 0 10px 0;
}


/* -----------------------------------
	flow
----------------------------------- */
#beginner .flow{
	padding:0 0 20px 0
}


/* -----------------------------------
	estimate
----------------------------------- */
#beginner .estimate dl{
	margin:0 0 10px 0;
	padding:20px 50px 10px;
	border:1px dotted #999999;
}

#beginner .estimate dl dt,
#beginner .estimate dl dd{
	padding:0 0 10px 0;
}


/* list
----------------------------------- */
#beginner .estimate .list{
	padding:0 0 15px 0;
}

#beginner .estimate .list li{
	float:left;
	padding:0 15px 15px 0;
}

#beginner .estimate .list li:nth-child(4n){
	padding-right:0;
}


/* btn
----------------------------------- */
#beginner .estimate .btn{
	padding:10px 0 20px 0;
}

#beginner .estimate .btn li{
	display:table;
	width:100%;
	padding:10px 0;
	background:url(../../img/beginner/arrow.gif) no-repeat 402px center;
}

#beginner .estimate .btn li span{
	display:table-cell;
	width:365px;
	padding:5px;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	text-align:center;
	vertical-align:middle;
}

#beginner .estimate .btn li a{
	display:table-cell;
	text-align:right;
	vertical-align:middle;
}


/* -----------------------------------
	design
----------------------------------- */
#beginner .design ul{
	padding:0 0 10px 1px;
}

#beginner .design ul li{
	float:left;
	margin:0 0 0 23px;
}

#beginner .design ul li:first-child{
	margin-left:0;
}


/* -----------------------------------
	check
----------------------------------- */
#beginner .check p{
	padding-bottom:20px;
}

#beginner .check ul{
	margin:0 0 20px 0;
	padding:20px 50px 10px;
	border:1px dotted #999999;
}

#beginner .check ul li{
	padding:0 0 10px 1.0em;
	text-indent:-1.0em;
}


/* -----------------------------------
	pay
----------------------------------- */
#beginner .pay section{
	overflow:hidden;
	margin:0 0 20px 0;
	padding:20px;
	background:#f5f5f5;
	border:2px solid #279f39;
}

#beginner .pay section:last-of-type{
	margin-bottom:40px;
}

#beginner .pay h3{
	padding:0 0 10px 0;
	font-size:114.3%;
	font-weight:bold;
}

#beginner .pay .note{
	text-indent:-1.0em;
	padding-left:1.0em;
}

#beginner .pay table{
	margin:0 0 10px 0;
}

#beginner .pay table caption{
	padding:6px 20px;
	background:#279F39;
	border:1px solid #dcdcdd;
	border-bottom:none;
	font-weight:bold;
	color:#ffffff;
}

#beginner .pay table th{
	padding:6px 20px;
	background:#ffffff;
	border:1px solid #dcdcdd;
	text-align:left;
}

#beginner .pay table td{
	padding:6px 20px;
	background:#ffffff;
	border:1px solid #dcdcdd;
	color:#ff0000;
}


/* section / column
----------------------------------- */
#beginner .pay .column{
	padding:0 20px 20px;
}

#beginner .pay .block,
#beginner .pay .column dl{
	float:left;
	width:340px;
}

#beginner .pay section table,
#beginner .pay .column .price{
	float:right;
	width:330px;
}

#beginner .pay .column  dl dt{
	width:150px;
	margin:0 0 10px 0;
	padding:10px;
	background:#999999;
	text-align:center;
	font-size:114.3%;
	font-weight:bold;
	color:#ffffff;
}

#beginner .pay .column  dl dd{
	padding-bottom:10px;
}

#beginner .pay .column .time{
	float:left;
	width:120px;
	margin:0 0 0 21px;
}

#beginner .pay .column .time td{
	text-align:center;
	color:#333333;
}
/* ========================================================================
テンプレート			[ /template/ ]
======================================================================== */

#template img{
	max-width:100%;
	height:auto;
}

#template p{
	padding:0 0 10px 0;
}

.template2{
	float:left;
	}
#template .clear{
	clear:left}

/* -----------------------------------
	navi
----------------------------------- */
#template .navi{
	padding:0 0 0 15px;
}


#template .navi li{
	float:left;
	padding:10px;
}


/* ========================================================================
	ご利用ガイド				[ /how/ ]
======================================================================== */
#how img{
	max-width:100%;
	height:auto;
}

#how p{
	padding:0 0 10px 0;
}


/* -----------------------------------
	navi
----------------------------------- */
#how .navi{
	padding:0 0 0 72px;
}

#how .navi li{
	float:left;
	padding:10px;
}


/* -----------------------------------
	select
----------------------------------- */
#select h3{
	display:inline-block;
	margin:0 0 10px 0;
	padding:0 10px;
	background:#F2F2F2;
	font-size:114.3%;
	font-weight:bold;
	line-height:36px;
}

#select h4{
	padding:0 0 10px 0;
}

#select dl dt{
	font-weight:bold;
}

#select dl dt img{
	margin:0 0 4px 0;
}

#select dl dd{
	padding:0 0 10px 0;
	font-size:85.7%;
}


/* about
----------------------------------- */
#select .about{
	padding:0 0 20px 0;
}

#select .yarn{
	margin:10px 0 20px 0;
	padding:20px 0;
	border-top:1px dotted #279f39;
	border-bottom:1px dotted #279f39;
}

#select .yarn .difference{
	overflow:hidden;
	padding:20px 20px 10px;
	background:#DFF1E1;
}

#select .yarn .difference p{
	text-align:center;
	font-size:114.3%;
	font-weight:bold;
	color:#279f39;
}

#select .yarn .difference dl{
	float:left;
	width:330px;
	font-size:85.7%;
}

#select .yarn .difference dl:nth-of-type(2){
	float:right;
}

#select .yarn .difference dl dt{
	padding:0 0 0 82px;
	font-weight:bold;
}

#select .yarn .difference dl dd{
	overflow:hidden;
}

#select .yarn .difference dl dd:first-of-type{
	float:left;
	margin:-10px 10px 0 0;
}


/* list
----------------------------------- */
#select .list{
padding:0 0 20px 1px;
overflow:auto;
}

#select .list li{
	float:left;
	width:162px;
	height: 300px;
	margin:0px 27px 0 0;
}

#select .list{
		overflow: hidden;
	}

#select .cutsew .list li:nth-child(4n){
	margin-right:0;
}

#select .fabric{
	float:left;
	width:542px;
	margin-right:29px;
}

#select .fabric .list li:last-child{
	margin-right:0;
}


/* attention
----------------------------------- */
#select .attention{
	overflow:hidden;
	padding:10px;
	border:1px solid #c3c3c3;
	font-size:85.7%;
}

#select .attention p{
	text-align:center;
}


/* -----------------------------------
	color
----------------------------------- */
#color p{
	margin:0 0 10px 0;
	padding:14px;
	border:2px solid #279f39;
	text-align:center;
	font-size:142.8%;
	color:#279f39;
}


/* sample
----------------------------------- */
#color .sample{
	padding:0 0 14px 0;
}

#color .sample li{
	float:left;
	width:110px;
	margin:0 14px 6px 0;
	text-align:center;
}

#color .sample li:nth-child(6n){
	margin-right:0;
}

#color .sample li img{
	display:block;
	margin:0 auto 4px;
}

#color .sample li span{
	display:block;
	font-size:71.4%;
	color:#999999;
}


/* note
----------------------------------- */
#color .note{
	padding:0 0 10px 0;
}

#color .note li{
	padding-left:1.0em;
	text-indent:-1.0em;
	font-size:85.7%;
}


/* -----------------------------------
	positions
----------------------------------- */
#position h3{
	font-weight:bold;
}

#position h3:before{
	content:"・";
	padding:0 4px 0 0;
	color:#279f39;
}

#position p{
	padding-left:18px;
	font-size:85.7%;
}


/* attentions
----------------------------------- */
#position .attention{
	padding:0 0 10px 0;
}

#position .attention p{
	overflow:hidden;
}

#position .attention p img{
	float:right;
	margin:0 0 0 10px;
}


/* list
----------------------------------- */
#position .list p:last-of-type{
	padding:0;
}


/* -----------------------------------
	size
----------------------------------- */
#size ul li{
	padding:40px 0 20px 0;
}

#size .box img{
  margin: 10px auto 60px;
}
#size .box img{
  margin-bottom: 90px!important;
}
	
#size .box img{
  width: 300px;
}
	
#size span{
  padding-left: 15px;
  font-size: 12px;
}

#size table,td,th{
  table-layout: fixed;
 border:1px #000000 solid;
	}
	
#size table th,
#size table td{
  vertical-align: middle;
  text-align: center;
}
#size table th{
  font-weight: bold;
}
#size .size-table--main .gray{
  background: #f8f8f8;
	width: 100%;
}

#size .box{
  overflow: hidden;
}
#size .box img{
  float: left;
  margin:50px 0px 0px;
}
#size .box table{
  width: 56%;
  float: right;
}
#size .box table caption{
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
}
#size .box table tr:first-of-type th:first-of-type{
  width: 50px;
}
#size .box table tr:first-of-type th[colspan]:first-of-type{
  width: 200px;
}
#size .box:last-of-type table tr th:first-of-type{
  width: 100px!important;
}
#size .box table tr th.wauto{
  width: auto;
}
#size .box table th span{
  display: inline-block;
  line-height: 1;
  background: #B4B4B4;
  padding: 5px 7px;
  font-size: 90%;
}
#size .box table th.sm{
  margin-top: 0;
  font-size: 70%;
  padding: 0;
}
	
#size table {
  margin: 15px auto 20px auto;
  border-collapse: collapse;
  text-align: left;
}
#size table th {
  padding: 8px;
  font-weight: normal;
}
#size table td {
  padding: 8px;
}

#size table th {
	background: #F5F5F5;}

/* -----------------------------------
	wear
----------------------------------- */
#wear h3{
	background:#32983E;
	margin:0 0 20px 0;
	padding:0 20px;
	font-weight:bold;
	color:#ffffff;
	line-height:34px;
}

#wear h4{
	margin:0 0 10px 0;
}

#wear > section{
	padding:30px 0 0 0;
}

#wear section section{
	border-bottom:1px solid #000000;
	margin:0 0 40px 0;
	padding:0 0 40px 0;
}

#wear section section:last-of-type{
	border:none;
	margin:0;
	padding:0 0 10px 0;
}


/* scroll
----------------------------------- */
#wear .scroll{
	border:1px solid #000000;
	width:100%;
	overflow-x:scroll;
}

#wear .scroll p img{
	max-width:none;
	width:auto;
	margin:0 20px;
}


/* -----------------------------------
	sizeimage
----------------------------------- */
#sizeimage section{
	padding:20px 0 0 0;
}

#sizeimage section:last-of-type{
	padding-bottom:0;
}

#sizeimage h3{
	margin:0 0 20px 0;
	padding:0 20px;
	background:#32983e;
	font-weight:bold;
	color:#ffffff;
	line-height:34px;
}

#sizeimage h3 span{
	float:right;
	font-size:85.7%;
}

#sizeimage p{
	padding-bottom:20px;
}


/* ========================================================================
	Tシャツ比較表						[ /comparison/ ]
======================================================================== */
#comparison p{
	padding:0 0 20px 0;
}

#comparison table{
	margin-bottom:10px;
	font-size:85.7%;
}

#comparison table th{
	border:1px solid #cccccc;
}

#comparison table th[scope="col"]{
	width:100px;
	padding:4px;
}

#comparison table th[scope="row"]{
	width:120px;
	padding:8px;
	font-weight:bold;
}

#comparison table th[scope="row"] img{
	display:block;
	margin:5px auto;
}

#comparison table th[scope="row"] span{
	display:block;
	padding:1px 2px;
	background:#666666;
	font-weight:normal;
	color:#ffffff;
}

#comparison table td{
	position:relative;
	padding:8px;
	border:1px solid #cccccc;
	text-align:center;
}

#comparison table td span{
	display:block;
	width:84px;
	position:absolute;
	top:50%;
	left:50%;
	margin:0 0 0 -42px;
	text-align:center;
	color:#f89422;
}

#comparison table td span.mark{
	width:auto;
	position:static;
	margin:0 0 40px 0;
	font-size:400%;
}

#comparison table td:first-of-type{
	text-align:left;
	vertical-align:top;
}

#comparison table td:first-of-type a{
	position:absolute;
	bottom:8px;
	left:50%;
	width:84px;
	margin:0 0 0 -42px;
	padding:4px 6px;
	background:#8cc63e;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	color:#ffffff;
	text-decoration:none;
}



/* ========================================================================
		デザインの入稿方法				[ /creation/ ]
======================================================================== */
#creation h2{
	padding-left:10px;
}

#creation h3{
	background:url(../../img/creation/bg_h3.gif) no-repeat left top;
	margin:0 0 25px 0;
	padding:0 0 0 32px;
	font-size:114.3%;
	font-weight:bold;
}

#creation h4{
	padding:0 0 10px 0;
	line-height:36px;
}

#creation h4 span{
	display:inline-block;
	background:#f2f2f2;
	padding:0 10px;
	font-size:114.3%;
	font-weight:bold;
}

#creation h4 span.note{
	background:none;
	padding:0 0 0 16px;
	font-size:85.7%;
	color:#E72D30;
}

#creation p{
	padding:0 0 10px 0;
}


/* -----------------------------------
	navi
----------------------------------- */
#creation .navi{
	overflow:hidden;
	padding:0 0 50px 0;
}

#creation .navi li{
	float:left;
	width:137px;
	margin:0 0 0 10px;
	text-align:center;
	font-size:78.6%;
}

#creation .navi li:first-child{
	margin-left:0;
}

#creation .navi li img{
	margin:0 0 4px 0;
}


/* -----------------------------------
	indent
----------------------------------- */
#creation p.indent{
	margin:-10px 0 20px 32px;
	padding:0;
	font-weight:bold;
	line-height:1.4;
}

#creation p.indent span{
	color:#E72D30;
}

#creation ul.indent{
	margin:-10px 0 20px 32px;
}

#creation ul.indent li{
	font-weight:bold;
	line-height:1.4;
}

#creation ul.indent li span{
	color:#E61B42;
}


/* -----------------------------------
	hand
----------------------------------- */
#hand{
	position:relative;
	padding:11px 0 30px 0;
}

#hand p.fax{
	width:615px;
	margin:0 auto 10px;
	text-align:right;
	font-size:85.7%;
}

#hand section{
	padding:10px 0;
}

#hand ul{
	position:absolute;
	top:0px;
	right:0px;
	margin:0;
}

#hand ul li{
	float:left;
	padding:0 0 0 8px;
}


/* -----------------------------------
	image
----------------------------------- */
#image{
	padding:0 0 40px 0;
}


/* -----------------------------------
	ai
----------------------------------- */
#ai{
	padding:0 0 30px 0;
}

#ai p{
	padding:0 0 20px 0;
}


/* -----------------------------------
	ps
----------------------------------- */
#ps{
	padding:0 0 25px 0;
}

#ps p{
	padding:0 0 10px 32px;
}


/* column
----------------------------------- */
#ps .column{
	overflow:hidden;
	padding:0 0 25px 32px;
}

#ps .column p{
	float:left;
	margin:0;
	padding:0 12px 0 0;
}

#ps .column dl{
	float:left;
	padding:20px 0 0 0;
}

#ps dl dt{
	padding:0 0 10px 0;
	font-size:114.3%;
	font-weight:bold;
	line-height:1.4;
}

#ps dl dd{
	font-weight:bold;
	line-height:1.4;
}


/* ========================================================================
よくあるご質問（Q＆A）			[ /faq/ ]
======================================================================== */
#faq{
	padding:10px 0 0 0;
}

#faq section{
	padding:0 0 20px 0;
}

#faq section:last-of-type{
	padding:0;
}

#faq h2{
	background:none;
	color:#333333;
	line-height:1.6;
}

#faq dl dt{
	overflow:hidden;
	padding:0 0 10px 0;
	cursor:pointer;
}

#faq dl dt > span,
#faq dl dd > span{
	display:inline-block;
	float:left;
	width:50px;
}

#faq dl dt span span{
	color:#279f39;
}

#faq dl dd{
	display:none;
	overflow:hidden;
	padding:0 0 10px 0;
}

#faq dl dd span span{
	color:#e7211a;
}

#faq dl dd ul li{
	text-indent:-1.0em;
	padding:0 0 10px 1.0em;
}


/* ========================================================================
	会社概要						[ /company/ ]
======================================================================== */
#company p.about{
	margin:0 0 14px 0;
	padding:10px 20px;
	border:1px solid #279f39;
	color:#279f39;
}

#company table th{
	width:180px;
	padding:6px 20px;
	background:#f5f4f4;
	border:1px solid #dcdcdd;
	text-align:left;
}

#company table td{
	padding:6px 20px;
	border:1px solid #dcdcdd;
}

#company table td p strong{
	display:block;
	padding:10px 0;
}

#company table td dl dt{
	padding:20px 0 0 0;
	color:#ff0000;
}

#company table td dl dt:first-of-type{
	padding:0;
}


/* ========================================================================
	特定商取引法の表示					[ /guide/ ]
======================================================================== */
#guide table th{
	width:180px;
	padding:6px 20px;
	background:#f5f4f4;
	border:1px solid #dcdcdd;
	text-align:left;
}

#guide table td{
	padding:6px 20px;
	border:1px solid #dcdcdd;
}

#guide table td p strong{
	display:block;
	padding:10px 0;
}

#guide table td p.note{
	text-indent:-1.0em;
	padding:0 0 10px 1.0em;
}

#guide table td dl dt{
	padding:20px 0 0 0;
	font-weight:bold;
}

#guide table td ul{
	padding:10px 0;
}

#guide table td ul li{
	text-indent:-1.5em;
	padding-left:1.5em;
}

#guide table td ul.paper li{
	text-indent:-1.0em;
	padding-left:1.0em;
}

#guide table td dl dt:first-of-type,
#guide table td ul.paper{
	padding:0;
}


/* ========================================================================
	料金表								[ /price/ ]
	シルクスクリーン					[ /processing/silk.html ]
======================================================================== */
#price p{
	padding:0 0 10px 0;
}


/* -----------------------------------
	price
----------------------------------- */
#price .price table{
	width:auto;
	margin:0 0 10px 0;
}

#price .price table caption{
	padding:10px 0 4px 0;
	text-align:left;
	font-weight:bold;
}

#price .price table th{
	width:130px;
	padding:6px 0;
	background:#F5F4F4;
	border:1px solid #dcdcdd;
}

#price .price table th[scope="row"]{
	background:none;
}

#price .price table td{
	width:130px;
	padding:6px 0;
	border:1px solid #dcdcdd;
	text-align:center;
	color:#ff0000;
}


/* column
----------------------------------- */
#price .column table{
	float:left;
	margin:0 30px 20px 0;
}


/* blousons
----------------------------------- */
#price .blouson{
	padding:0 0 10px 0;
}


/* box
----------------------------------- */
#price .price .box{
	padding:16px 20px 6px;
	background:#FFFBC7;
}

#price .price .box ul li{
	text-indent:-1.0em;
	padding:0 0 10px 1.0em;
}


/* -----------------------------------
	small_lot
----------------------------------- */
#price .small_lot p{
	padding:0;
}


/* ========================================================================
	インクジェット						[ /processing/inkjet.html ]
	カッティング						[ /processing/cutting.html ]
	転写								[ /processing/transcription.html ]
======================================================================== */

/* -----------------------------------
	共通
----------------------------------- */
#processing p{
	padding:0 0 10px 0;
}

#processing ul{
	padding:0 0 10px 0;
}

#processing ul li{
	text-indent:-1.0em;
	padding-left:1.0em;
}


/* price
----------------------------------- */
#processing .price table{
	margin-bottom:20px;
}

#processing .price table th{
	padding:6px 20px;
	background:#F5F4F4;
	border:1px solid #dcdcdd;
}

#processing .price table td{
	padding:6px 20px;
	border:1px solid #dcdcdd;
	text-align:center;
	color:#ff0000;
}

#processing .price p{
	margin:-10px 0 0 0;
	padding-bottom:20px;
}

#processing .price p.estimate{
	overflow:hidden;
	margin:0;
	padding:20px 0 10px 0;
	border-top:1px dotted #333333;
	font-size:114.3%;
	font-weight:bold;
}

#processing .price p.estimate img{
	float:right;
}


/* attention
----------------------------------- */
#processing .attention .box{
	padding:16px 20px 6px;
	background:#fffbc7;
}

#processing .attention ul{
	padding:0;
}

#processing .attention ul li{
	padding:0 0 10px 1.0em;
}

#processing .attention dl{
	padding:0 0 10px 0;
}


/* -----------------------------------
	インクジェット
----------------------------------- */

/* print
----------------------------------- */
#processing .print{
	overflow:hidden;
	padding:0 0 30px 2px;
}

#processing .print dl{
	float:left;
	width:284px;
	margin:0 40px;
	padding:5px;
	border:1px solid #cccccc;
}

#processing .print dl dd{
	padding:20px 20px 10px;
}

#processing .print dl dd img{
	max-width:100%;
	height:auto;
	margin:0 0 10px 0;
}


/* example
----------------------------------- */
#processing .example .column{
	padding:0 0 20px 4px;
}

#processing .example dl{
	float:left;
	width:352px;
	padding:5px;
	border:1px solid #cccccc;
}

#processing .example dl:nth-of-type(2){
	margin-left:20px;
}

#processing .example dl dt{
	padding:0 0 5px 0;
}


/* process
----------------------------------- */
#processing .process{
	padding:0 0 20px 0;
}


/* -----------------------------------
	転写
----------------------------------- */

/* column
----------------------------------- */
#processing .trimming .column{
	padding:0 0 10px 2px;
}

#processing .trimming dl{
	float:left;
	width:284px;
	margin:0 40px;
	padding:5px;
	border:1px solid #cccccc;
}


/* ========================================================================
	学割								[ /discount/ ]
======================================================================== */
#discount h2{
	background:none;
}

#discount section{
	padding:0 0 20px 0;
}

#discount p{
	padding:0 0 10px 0;
}

#discount dl{
	padding:20px 0;
}

#discount dl dt{
	padding:0 0 20px 0;
	text-align:center;
	font-size:200%;
	font-weight:bold;
}

#discount dl dd ul li{
	text-indent:-1.0em;
	padding-left:1.0em;
}


/* -----------------------------------
	navi
----------------------------------- */
#discount .navi{
	padding:0 0 0 36px;
}

#discount .navi li{
	float:left;
	padding:0 10px;
}


/* ========================================================================
	お問い合わせ						[ /contact/ ]
	大口ロット注文						[ /large_quantities/ ]
======================================================================== */
#contact .must{
	color:#ed1c24;
}

#contact p{
	padding:0 0 10px 0;
}

#contact p.here{
	margin:0 0 -20px 0;
	padding:0;
	background:#2f973e;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	line-height:34px;
	position:relative;
	z-index:1;
}

#contact ul.note{
	padding:0 0 30px 0
}


/* -----------------------------------
	input
----------------------------------- */
#contact textarea{
	width:100%;
	min-height:150px;
	margin:4px 0;
	padding:4px 10px;
}

#contact select{
	height:30px;
	margin:4px 0;
}

#contact input[type="text"],
#contact input[type="tel"],
#contact input[type="email"],
#contact input[type="number"]{
	width:200px;
	height:30px;
	margin:4px 0;
	padding:0 8px;
	line-height:30px;
}

#contact input.sizeS{
	width:80px;
}


/* -----------------------------------
	 form
----------------------------------- */
#contact dl.form dt{
	padding:0 0 4px 0;
	font-size:128.6%;
}

#contact dl.form dt span{
	padding:0 10px 0 0;
	font-size:77.8%;
	vertical-align:middle;
}

#contact dl.form dt a{
	font-size:66.7%;
}

#contact dl.form dd{
	padding:0 0 30px 24px;
}

#contact dl.form dd.place{
	margin:0 0 30px 24px;
	padding:16px 0;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
}

#contact dl.form dd.place div{
	padding:4px 0;
}

#contact dl.form dd.place div input,
#contact dl.form dd.place div select{
	margin:0 8px 0 0;
}


/* -----------------------------------
	box
----------------------------------- */
#contact .box{
	padding:20px;
	background:#ecebe7;
}

#contact .box dl{
	padding:20px 0 0 0;
	font-size:85.7%;
}

#contact .box table{
	position:relative;
}

#contact .box table:after{
	content:"";
	width:100%;
	border-bottom:1px solid #535251;
	position:absolute;
	bottom:-2px;
	left:0px;
}

#contact .box table tr{
	border-bottom:1px solid #535251;
}

#contact .box table th{
	width:200px;
	padding:14px 0 14px 10px;
	text-align:left;
	line-height:30px;
	vertical-align:top;
}

#contact .box table th span{
	padding:0 10px 0 0;
}

#contact .box table td{
	padding:10px;
}

#contact .box table td p{
	padding:4px 0;
}

#contact .box table td label{
	margin:4px 10px 4px 0;
}

#contact .box table td button{
	height:30px;
	margin:0 4px;
	padding:0 4px;
	background:#279F39;
	border:none;
	-webkit-box-shadow:2px 2px 0px rgb(195, 195, 195);
	-moz-box-shadow:2px 2px 0px rgb(195, 195, 195);
	box-shadow:2px 2px 0px rgb(195, 195, 195);
	font-weight:bold;
	color:#ffffff;
}


/* none
----------------------------------- */
#contact .box table tr.other{
	border:none;
}

#contact .box table tr.other th{
	padding-bottom:0;
}


/* print
----------------------------------- */
#contact .box .print p.red{
	text-align:center;
}

#contact .box .inTable:after{
	content:"";
	width:auto;
	border:none;
}

#contact .box .inTable tr{
	border:none;
}

#contact .box .inTable th{
	width:auto;
	padding:6px 0;
}

#contact .box .inTable td{
	padding:6px 10px;
}

#contact .box .inTable td span{
	padding:0 8px 0 0;
}

#contact .box .inTable td select{
	margin:0 8px 0 0;
}


/* time
----------------------------------- */
#contact .box .time{
	padding:0 0 0 90px;
}


/* -----------------------------------
	rely（大口ロット注文）
----------------------------------- */
#contact .rely{
	background:url(../../img/large_quantities/bg_rely.jpg) no-repeat right bottom;
}

#contact .rely2{
position:relative;
}

.rely_img{
position:absolute;
left:0;
top:20px;
}


.rely2_text{
padding:20px 0 10px 220px !important;
border-bottom:1px solid #666;
margin-left:15px;
}
.rely2_text2{
padding:10px 0 10px 210px !important;
margin-left:15px;
}


.rely_title2{
border-top:1px dashed #ccc;
text-align:center;
margin-top:20px;
}
.rely_title2 img{
margin-top:-30px;
}


a.btn-order{
display:block;
max-width:500px;
padding:15px 0;
background:#fff000;
border:2px solid #00913a;
font-size:185%;
text-align:center;
border-radius:3px;
margin:25px auto 10px;
color:#111;
text-decoration:none;
font-family: 'YasashisaBold';
	transition: all 0.2s ease;
}
a.btn-order:hover{
opacity:0.8;
}


.large_quantities_ex{
font-size:24px;
padding-top:20px !important;
font-family: 'YasashisaBold';
}



.large_quantities_dl{
}
.large_quantities_dl dt{
font-family: 'YasashisaBold';
font-size:16px;
margin-bottom:10px;
}
.large_quantities_dl dt span{
background-color:#2f973e;
display:inline-block;
color:#fff;
width:26px;
height:26px;
box-sizing:border-box;
text-align:center;
margin-right:8px;
}
.large_quantities_dl dd{
font-size:108%;
padding-bottom:10px;
border-bottom:1px solid #ccc;
margin-bottom:12px;
}
.large_quantities_dl dd small{
font-size:12px;
}

/* -----------------------------------
	thanks（完了画面）
----------------------------------- */
#contact .thanks p{
	padding:10px 0;
}


/* ========================================================================
	無料簡単見積もり					[ /estimate/ ]
	カート								[ /cart/ ]
======================================================================== */
#estimate h2{
	padding:0 10px 0 6px;
}

#estimate h2:before{
	content:"・";
	padding:0 4px 0 0;
}

#estimate h3{
	padding:0 0 10px 0;
	font-size:200%;
	font-weight:bold;
	color:#269e3a;
	line-height:60px;
}

#estimate h3 span{
	display:inline-block;
	width:200px;
	margin:0 20px 0 0;
	background:#269e3a;
	text-align:center;
	color:#ffffff;
}

#estimate p{
	padding:0 0 20px 0;
}

#estimate p.step{
	padding:0 0 17px 0;
	text-align:center;
}


/* -----------------------------------
	image
----------------------------------- */
#estimate .image{
	overflow:hidden;
	position:relative;
	margin:0 0 20px 0;
}

#estimate .image p{
	padding:0 0 10px 0;
}

#estimate .image p.thumbnail{
	float:left;
	padding:0 20px 0 0;
}

#estimate .image p.thumbnail img{
	border:1px solid #dddddd;
}

#estimate .image p.change{
	position:absolute;
	bottom:0px;
	left:220px;
	padding:0;
}


/* -----------------------------------
	input
----------------------------------- */
#estimate textarea{
	width:100%;
	min-height:150px;
	margin:4px 0;
	padding:4px 10px;
}

#estimate select{
	height:30px;
	margin:4px 0;
}

#estimate input[type="text"],
#estimate input[type="tel"],
#estimate input[type="email"],
#estimate input[type="number"]{
	width:200px;
	height:30px;
	margin:4px 0;
	padding:0 8px;
	line-height:30px;
}

#estimate input.sizeS{
	width:80px;
}


/* button
----------------------------------- */
#estimate .image p input[type="button"],
#estimate table td button{
	height:30px;
	padding:0 4px;
	background:#279F39;
	border:none;
	-webkit-box-shadow:2px 2px 0px rgb(195, 195, 195);
	-moz-box-shadow:2px 2px 0px rgb(195, 195, 195);
	box-shadow:2px 2px 0px rgb(195, 195, 195);
	font-weight:bold;
	color:#ffffff;
}

#estimate table td button{
	margin:0 4px;
}


/* -----------------------------------
	table
----------------------------------- */
#estimate table{
	margin:0 0 20px 0;
}

#estimate table .wide{ width:300px; }
#estimate table .narrow{ width:140px; }

#estimate table th{
	width:200px;
	padding:18px 20px;
	background:#ffffd9;
	border:1px solid #dcdcdd;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
}

#estimate table th span{
	font-weight:normal;
}

#estimate table th span.must{
	display:inline-block;
	padding:0 4px;
	background:#f71e1e;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-size:71.4%;
	font-weight:bold;
	color:#ffffff;
	line-height:18px;
	vertical-align:text-top;
}

#estimate table td{
	padding:10px 20px;
	background:#fafafa;
	border:1px solid #dcdcdd;
}

#estimate table td label{
	display:inline-block;
	margin:4px 0;
}

#estimate table td p.indent{
	padding:0 0 0 17px;
}

#estimate table td p.indent input[type="text"]{
	height:22px;
	line-height:22px;
	margin:0 0 4px 0;
}

#estimate table td p.note{
	padding:10px 0 0 0;
	font-size:85.7%;
}

#estimate table td ul{
	padding:10px 0 0 0;
}

#estimate table td ul li{
	float:left;
	width:72px;
	margin:0 10px 10px 0;
}

#estimate table td ul li span{
	display:block;
	margin:0 0 4px 0;
	background:#aaaaaa;
	text-align:center;
	color:#ffffff;
	line-height:22px;
}

#estimate table td ul li input[type="number"]{
	width:50px;
	height:22px;
	line-height:22px;
	margin:0 4px 0 0;
	padding:0 4px;
}

#estimate table td dl{
	padding:8px 0;
}

#estimate table td dl dt{
	padding:0 0 10px 0;
	font-weight:bold;
}

#estimate table td dl dt:nth-of-type(2){
	padding-top:20px;
}


/* position
----------------------------------- */
#estimate table.position th:first-of-type{
	width:100px;
	text-align:center;
	vertical-align:middle;
}

#estimate table.position td.example img{
	width:100%;
	height:auto;
}

#estimate table.position td select{
	width:90px;
	margin:0 2px;
}


/* cart
----------------------------------- */
#estimate table.cart th{
	width:auto;
	padding:10px 20px;
	text-align:center;
}

#estimate table.cart td{
	padding:10px;
	text-align:center;
}

#estimate table.cart td:first-of-type{
	width:100px;
	border-right:none;
}

#estimate table.cart td:nth-of-type(2){
	border-left:none;
	text-align:left;
}


/* -----------------------------------
	thanks（完了画面）
----------------------------------- */
#estimate .thanks p{
	padding:10px 0;
}


/* -----------------------------------
	cart（カート）
----------------------------------- */
#cart table{
	margin:0 0 20px 0;
	border:1px solid #dcdcdd;
}

#cart table th{
	padding:6px;
	background:#f5f4f4;
	border:1px solid #dcdcdd;
}

#cart table td{
	padding:6px;
	border:1px solid #dcdcdd;
	text-align:center;
}

#cart table td:first-of-type{
	width:100px;
	border-right:none;
}

#cart table td:nth-of-type(2){
	border-left:none;
	text-align:left;
}

#cart table td input{
	width:60px;
	height:30px;
	padding:0 8px;
	line-height:30px;
}

#cart table td button{
	width:60px;
	height:30px;
	line-height:28px;
	background:none;
	border:1px solid #aaaaaa;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}


/* ========================================================================
	サイトマップ						[ /sitemap/ ]
	404									[ /404/ ]
======================================================================== */

/* -----------------------------------
	error
----------------------------------- */
#sitemap .error{
	padding:10px 0 30px 0;
	text-align:center;
}

#sitemap .error h2{
	margin-bottom:20px;
	background:none;
	font-size:171.4%;
	color:#333333;
}

#sitemap .error p{
	padding:0 0 20px 0;
}

#sitemap .error ul{
	font-size:0;
}

#sitemap .error ul li{
	display:inline-block;
	padding:0 1.0em;
	font-size:14px;
	line-height:18px;
}

#sitemap .error ul li:first-child{
	border-right:1px solid #333333;
}


/* -----------------------------------
	search
----------------------------------- */
#sitemap .search{
	overflow:hidden;
	padding:0 0 10px 0;
}

#sitemap .search h2{
	margin-bottom:20px;
	text-align:center;
	font-size:171.4%;
	line-height:50px;
}

#sitemap .search > ul{
	float:left;
	width:230px;
	margin:0 0 0 20px;
}

#sitemap .search > ul:first-of-type{
	margin-left:0;
}

#sitemap .search ul li a,
#sitemap .search ul li span{
	display:block;
	margin:0 0 10px 0;
	padding:10px 10px 10px 54px;
	border:1px solid #279f39;
	color:#333333;
	text-decoration:none;
}

#sitemap .search ul li a:hover{
	background:#E4FCE8;
}

#sitemap .search ul li a:before,
#sitemap .search ul li span:before{
    content:"・";
	padding:0 4px 0 0;
	color:#279f39;
}

#sitemap .search ul li ul li a{
	display:inline;
	margin:0;
	padding:0;
	border:none;
	text-align:left;
	color:#333333;
	line-height:2;
}

#sitemap .search ul li ul li a:hover{
	background:none;
	text-decoration:underline;
}

#sitemap .search ul li ul li a:before{
    content:"";
	padding:0;
}




/* ========================================================================
	追加base
======================================================================== */

.base{
}

.base p{
padding-bottom:0.8em;
}


.text-small{
font-size:11px;
}

.clearfix::after{
content:"";
clear:both;
display:table;
}

.relative {  position: relative !important; }

.align-right {  float: right !important; }
.align-left  {  float: left !important; }

.text-align-center {  text-align: center !important; }
.text-align-right  {  text-align: right !important; }
.text-align-left   {  text-align: left !important; }


.l-bottom-xxsmall {  margin-bottom: 5px  !important; }
.l-bottom-xsmall  {  margin-bottom: 10px !important; }
.l-bottom-small   {  margin-bottom: 15px !important; }
.l-bottom         {  margin-bottom: 20px !important; }
.l-bottom-large   {  margin-bottom: 30px !important; }
.l-bottom-xlarge  {  margin-bottom: 50px !important; }
.l-bottom-xxlarge {  margin-bottom: 80px !important; }

.l-top-xxsmall {  margin-top: 5px  !important; }
.l-top-xsmall  {  margin-top: 10px !important; }
.l-top-small   {  margin-top: 15px !important; }
.l-top         {  margin-top: 20px !important; }
.l-top-large   {  margin-top: 30px !important; }
.l-top-xlarge  {  margin-top: 50px !important; }
.l-top-xxlarge {  margin-top: 80px !important; }

.l-bottom-xxsmall-p {  padding-bottom: 5px  !important; }
.l-bottom-xsmall-p  {  padding-bottom: 10px !important; }
.l-bottom-small-p   {  padding-bottom: 15px !important; }
.l-bottom-p         {  padding-bottom: 20px !important; }
.l-bottom-large-p   {  padding-bottom: 30px !important; }
.l-bottom-xlarge-p  {  padding-bottom: 50px !important; }
.l-bottom-xxlarge-p {  padding-bottom: 80px !important; }

.l-top-xxsmall-p {  padding-top: 5px  !important; }
.l-top-xsmall-p  {  padding-top: 10px !important; }
.l-top-small-p   {  padding-top: 15px !important; }
.l-top-p         {  padding-top: 20px !important; }
.l-top-large-p   {  padding-top: 30px !important; }
.l-top-xlarge-p  {  padding-top: 50px !important; }
.l-top-xxlarge-p {  padding-top: 80px !important; }


.full{
width:auto;
max-width:100%;
height:auto;
}

.heading{
background-color:#2f973e;
color:#fff;
padding:2px 20px 2px 15px;
font-family: 'YasashisaBold';
font-weight:normal;
font-size:16px;
}
.heading::before{
content:"";
display:inline-block;
width:12px;
height:12px;
background-color:#fff;
margin-right:8px;
}
.heading small{
color:#fff000;
font-size:13px;
margin-left:1em;
font-weight:bold;
}



/* ========================================================================
	料金シミュレーション				[ /simulation/ ]
======================================================================== */

.simulation-table{
border:2px solid #222;
border-collapse:collapse;
}
.simulation-table thead th{
background-color:#009e41;
border:2px solid #222;
color:#fff;
padding:8px 0;
font-size:116%;
text-align:center;
font-weight:bold;
vertical-align:middle;
}
.simulation-table tbody th{
background-color:#fffbd1;
border:2px solid #222;
text-align:center;
padding:5px 3%;
font-size:116%;
font-weight:bold;
line-height:1.3;
}
.simulation-table tbody td{
background-color:#fff;
border:2px solid #222;
text-align:center;
padding:5px 3%;
font-size:116%;
color:#e72c2f;
font-weight:bold;
line-height:1.3;
}

.simulation-table tbody td span{
font-size:130%;
}

.simulation-postage{
width:40%;
float:right;
}

.simulation-table.simulation-table-postage{
font-size:75%;
}
.simulation-table.simulation-table-postage thead th{
padding:2px 3%;
}
.simulation-table.simulation-table-postage tbody th{
text-align:left;
padding:2px 3%;
}
.simulation-table.simulation-table-postage tbody td{
text-align:right;
padding:2px 3%;
min-width:70px;
}


.simulation-silk-btn{
text-align:right;
margin-top:-70px;
}


.simulation-block{
padding-top:40px;
padding-bottom:10px;
}

.simulation-title{
font-family: 'YasashisaBold' !important;
font-weight:normal;
font-size:250%;
border-bottom:4px solid #009e41;
margin-bottom:10px;
}





/* ========================================================================
	職人の技	[ /craftsman/ ]
======================================================================== */


.craftsman-photo{
margin-left:-5px;
padding-bottom:40px;
}
.craftsman-photo li{
float:left;
width:25%;
box-sizing:border-box;
padding-left:5px;
}


.craftsman-staff{
margin-left:-7px;
}

.craftsman-block{
width:385px;
float:left;
margin-left:7px;
margin-bottom:15px;
}

.craftsman-block:nth-child(2n+1){
clear:both;
}
.craftsman-title{
background-color:#999;
font-family: 'YasashisaBold' !important;
font-size:22px;
font-weight:normal;
color:#fff;
text-align:center;
}

.craftsman-lead{
line-height:1.3;
font-family: 'YasashisaBold' !important;
font-size:18px;
font-weight:normal;
color:#999;
text-shadow:1px 1px 0 #111;
text-align:center;
margin-bottom:10px;
}

.craftsman-comment{
text-align:center;
}
.craftsman-img{
text-align:center;
}

.craftsman-red .craftsman-title{ background-color:#e72431; }
.craftsman-red .craftsman-lead{  color:#e72431 ; }

.craftsman-blue .craftsman-title{ background-color:#00489a; }
.craftsman-blue .craftsman-lead{  color:#00489a ; }

.craftsman-green .craftsman-title{ background-color:#57b53d; }
.craftsman-green .craftsman-lead{  color:#57b53d ; }

.craftsman-yellow .craftsman-title{ background-color:#c2aa2b; }
.craftsman-yellow .craftsman-lead{  color:#c2aa2b ; }



/* ========================================================================
	リピーター						[ /repeater/ ]
======================================================================== */



.repeater{
text-align:left;
}
.repeater-box{
border-bottom:1px solid #2e9e3f;
padding-bottom:8px;
margin-bottom:12px;
}
.repeater-box-img{
width:270px;
float:right;
text-align:center;
}
.repeater-box-title{
font-family: 'YasashisaBold' !important;
font-weight:normal;
font-size:200%;
margin-bottom:8px;
}
.repeater-box-title span{
display:inline-block;
text-align:center;
background-color:#2e9e3f;
color:#fff;
width:48px;
height:48px;
margin-right:12px;
}
.repeater-box-text{
font-size:108%;
font-weight:bold;
padding-left:62px !important;
}
.repeater-box-text small{
font-size:11px;
font-weight:bold;
}



.repeater-tips{
background-color:#fffaca;
padding:20px;
margin-top:30px;
}

.repeater-tips-title{
font-family: 'YasashisaBold' !important;
font-weight:normal;
font-size:18px;
margin-bottom:8px;
margin-top:22px;
}
.repeater-tips-title span{
display:inline-block;
text-align:center;
background-color:#ea5514;
color:#fff;
width:32px;
height:32px;
margin-right:12px;
padding-top:2px;
}


.repeater-tips-box{
border:2px solid #ea5514;
padding:12px;
background-color:#fff;
}
.repeater-tips-list{
margin-bottom:10px;
}
.repeater-tips-list li{
font-size:13px;
margin-left:1em;
}
.repeater-tips-list li::before{
content:"";
display:inline-block;
width:7px;
height:7px;
border-radius:100%;
background-color:#ea5514;
margin-right:0.5em;
margin-left:-1em;
}

.repeater-tips-lead{
color:#ea5514;
font-size:20px;
text-align:center;
margin:25px 0 0px;
font-family: 'YasashisaBold' !important;
}
.repeater-tips-lead span{
font-size:10px;
}


.repeater-form-title{
background-color:#003377;
padding:12px 0;
text-align:center;
font-size:32px;
color:#fff;
margin:20px 0;
font-family: 'YasashisaBold' !important;
}


.repeater .here{
background-color:#003377 !important;
}



/* ========================================================================
	法人の方					[ /corporate/ ]
======================================================================== */


.corporate{
}


.corporate_dl{
}
.corporate_dl dt{
font-family: 'YasashisaBold';
font-size:16px;
margin-bottom:10px;
}
.corporate_dl dt span{
background-color:#111;
display:inline-block;
color:#fff;
width:26px;
height:26px;
box-sizing:border-box;
text-align:center;
margin-right:8px;
}
.corporate_dl dd{
font-size:108%;
padding-bottom:10px;
border-bottom:1px solid #ccc;
margin-bottom:12px;
}
.corporate_dl dd small{
font-size:12px;
}


.corporate-bg{
background:url(../../img/corporate/operator.png) no-repeat right bottom;
padding-bottom:15px;
}


/* ========================================================================
	Tシャツができるまで						[ /task/ ]
======================================================================== */


.task{
}

.task-anchor{
margin-left:-25px;
padding-bottom:25px;
}

.task-anchor li{
width:136px;
float:left;
position:relative;
margin-left:25px;
}
.task-anchor li a{
display:block;
background-color:#fff;
padding:1px 11px 11px 1px;
box-shadow:3px 3px 0 #c1c3c2;
}
.task-anchor li img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
	transition: all 0.2s ease !important;
}
.task-anchor li a:hover img{
opacity:1 !important;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}
.task-anchor li::after{
content:"";
display:block;
position:absolute;
right:-18px;
top:40px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 8px;
border-color: transparent transparent transparent #575757;
}

.task-anchor li:last-child::after{
display:none;
}

.lead-task{
color:#2e9e3f;
font-size:26px;
font-family: 'YasashisaBold';
border-bottom:2px solid #2e9e3f;
padding:5px 0 !important;
margin-bottom:15px;
}


.task-lead{
font-family: 'YasashisaBold';
font-size:16px;
}
.task-lead span{
color:#e95513;
}


.task-box{
margin-bottom:10px;
}

.task-img{
}

.task-img img:nth-child(1){
float:left;
}
.task-img img:nth-child(2){
float:right;
}

.task-box-inner{
padding-left:230px;
padding-right:230px;
}

.task-box-section{
background:url(../../img/task/arrow.png) no-repeat 40px bottom;
padding-bottom:40px;
margin-bottom:10px;
}

.task-box-title{
font-family: 'YasashisaBold';
font-size:16px;
margin-bottom:10px;
}

.task-box-title span{
background-color:#2e9e3f;
display:inline-block;
color:#fff;
width:20px;
height:20px;
box-sizing:border-box;
text-align:center;
margin-right:8px;
font-size:14px;
}

.task-box-text{
font-size:12px;
}


.task-lead-small{
color:#e95513;
font-size:16px;
font-family: 'YasashisaBold';
text-align:center;
margin-top:-10px;
}


.task-subtitle{
font-size:20px;
font-family: 'YasashisaBold';
text-align:center;
padding:20px 0 !important;
}


.task-box-tips{
border:2px solid #333;
}

.task-box-tips-title{
background-color:#333;
color:#fff;
padding:4px 10px 4px 10px;
font-size:15px;
}
.task-box-tips-title::before{
content:"";
display:inline-block;
width:14px;
height:14px;
border-radius:100%;
background-color:#fff;
margin-right:0.3em;
}


.task-box-tips-inner{
background-color:#eee;
padding:15px;
}
.task-box-tips-column{
width:50%;
float:left;
}


.task-arrow{
text-align:center;
padding:15px 0 30px 0;
}
.task-arrow img{
margin:0 40px;
}

.task-complete{
background:url(../../img/task/frame.png) no-repeat center center;
background-size:100% 100%;
padding:40px 50px 50px 50px;
margin-bottom:40px;
}


/* ========================================================================
	漫画	[ /manga/ ]
======================================================================== */

/* -----------------------------------
	manga_contents
----------------------------------- */
#manga_contents{
	width:1300px;
	margin:104px auto 0;
	overflow:hidden;
	font-size:107.7%; /* 14px */
}


#manga_contents h1{
		margin-bottom:30px;}
	
.manga{
		background-color: #FFFFFF;
		text-align: center;
}
	
.manga img{margin: 10px 0 0;}
.manga span img{margin:30px 0;}
	
/* -----------------------------------
	manga_voice
----------------------------------- */
	.manga_voice{
		text-align: center;
		margin: 50px 0 30px;
	}
	
/* -----------------------------------
	見�D�もり�Eゃ\ッE
	
----------------------------------- */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
.manga-btn a{
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
width: 600px;
font-size: 46px;
padding:15px 0;
text-align: center;
margin: 50px auto;
border-radius:10px;
font-weight:bold;
display: block;
color: #ffffff; 
text-decoration: none;
}


.manga-btn a:hover {  opacity: 0.8;}

	
/* -----------------------------------
	manga_item
----------------------------------- */
	#manga_home{
    margin: 0 auto 0;
	width: 1000px;
	}
	
#manga_home .item p.btn{
	padding:0 0 30px 0;
	text-align:center;
}
	
#manga_home .item ul{margin-top: 20px;}
#manga_home .item li{
	float:left;
	width:180px;
	margin:4px 20px 24px 0;
	padding:6px 15px 6px 11px;
	position:relative;
	background:url(../../img/common/bg_white.png) repeat-y center;
}

#manga_home .item li:before{
	content:url(../../img/common/bg_white_top.png);
	position:absolute;
	top:-4px;
	left:0px;
	line-height:0;
}

#manga_home .item li:after{
	content:url(../../img/common/bg_white_bottom.png);
	position:absolute;
	bottom:-4px;
	left:0px;
	line-height:0;
}

#manga_home .item li:nth-child(5n){
	margin-right:0;
}

#manga_home .item li a{
	color:#333333;
	text-decoration:none;
}

#manga_home .item li a:hover{
	text-decoration:underline;
}

#manga_home .item li h3{
	padding:0 0 6px 0;
	text-align:center;
	font-weight:bold;
}

#manga_home .item li h3.new:before{
	content:url(../../img/home/icon_new01.png);
	position:absolute;
	top:4px;
	left:8px;
	z-index:1;
}

#manga_home .item li h3 img{
	margin:0 0 6px 0;
}

#manga_home .item li dl dt{
	margin:0 0 4px 0;
	background:#ea5513;
	text-align:center;
	color:#ffffff;
	line-height:24px;
}

#manga_home .item li dl dd{
	font-size:85.7%;
}

#manga_home .item li dl dd.new:after{
	content:url(../../img/home/icon_new02.png);
	padding:0 0 0 4px;
}

#manga_home .item li p{
	position:absolute;
	bottom:8px;
	right:10px;
	text-align:right;
	font-size:71.4%;
}


}



/*newsbox */
.newsbox {
text-align:center;
margin:0px 0px 20px;
background: #fff;
}

.newsbox h2{
font-size:150%;
color:fff;
background: red;
padding: 10px 0 ;
}

.news-text{
padding: 10px 0 10px;
}
.newsbox strong {
color:red;
font-weight: bold;
font-size:185%;
}

.newsbox span {
font-size:120%;
color:red;
font-weight: bold;
}
.newsbox p{
font-size:105%;
text-align: left;
padding: 0 20px 20px;
}

@media screen and (max-width:768px) {
.newsbox strong {
color:red;
font-weight: bold;
font-size:140%;
}

.newsbox span {
font-size:100%;
color:red;
font-weight: bold;
}	
}
/* -----------------------------------
	column
----------------------------------- */

#column .division{
width: 370px;
padding:4px 4px 0px;
margin:0px 30px 20px 0px;
float:left;
background:url(../../img/common/bg_column.png) repeat-y center;
}

#column .division:nth-child(2n){
margin:0px 0px 20px 0px;
}



#column .clear{
clear:left;
}

#column p{
color:#ccc;
float:right;
padding:5px;
font-size:15px;
}

#column .division:before{
content:url(../../img/common/bg_column_top.png);
}

#column .division:after{
content:url(../../img/common/bg_column_bottom.png);
}

#column h2 {
	font-size:18px;
	background-color: #fff;
	color: #000;
	padding:20px 5px 0px;
}

#column-article h1{
font-size:24px;
border-bottom:3px solid #279F39;
padding:10px 0px;
font-weight:bold;
margin-bottom:20px;
}

#column-article h2{
font-size:18px;
}

#column-article img{
margin-bottom:20px;
}

#column-article .line{
border-top:3px solid  #279F39;
padding-top:10px;
}

#column-article h3{
	border-bottom:2px solid #279f39;
	font-size:120%;
	font-weight:bold;
	color:#279f39;
}