@charset "utf-8";
/*
Theme Name: hansoku
Theme URI: http://hansoku.bz/
Description: 2011年リニューアル時のデザインテーマ
Version: 1.0
*/


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
img { vertical-align: bottom;}

/* YUI Fonts size (px -> %)
10 	77
11 	85
12 	93 (was 93)
13 	100
14 	108 (was 107)
15 	116 (was 114)
16 	123.1 (was 122)
17 	131 (was 129)
18 	138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197 
*/

/* ==================================================================================================
　ベース
================================================================================================== */

body {
	background-color: #FFFFFF;
	color: #4B4B4B;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	line-height: 1.6;
}


p {
	line-height: 1.6;
}

img {
	vertical-align: bottom;
}

em {
	font-weight: 700;
	font-style: normal;
}

a {
	/* color: #F39700; */
	/* color: #F66A03; */
	/*color: #ff8c00;*/
	/* color: gray; */
	color: #F66A03;
}


a:hover {
}

.tagline h1,
.header,
.primary-nav ul,
#content-area,
#xxx p,
.sitemap ul,
.footer {
	width: 900px;
	margin: 0 auto;
}









/* ==================================================================================================
　ヘッダー
================================================================================================== */

/*#header-area {
	margin-bottom: 15px;
}*/

#header-area a {
	color: #5F5F5F;
	text-decoration: none;
}

.tagline,
.sitemap {
	background-color: #E1E1E1;
	color: #5F5F5F;
}

.tagline {
	font-size: 77%;
	padding: 2px 0;
}

.logo {
	float: left;
/*padding-top: 7px;210618*/
}

.function-nav,
.function-nav li,
.order-nav,
.order-nav li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

.order-nav {
	/*padding-top: 17px;*/
padding-top: 5px;
width: 330px;
text-align:center;
font-weight: bold;
}

.order-nav li{
font-size:88%;
}

.order-nav .s_copy {
color: #F66A03;
}



.header {
	overflow: hidden;
}

.header .function-nav {	
	font-size: 77%;
}


.header {
	text-align: right;
}







/* ==================================================================================================
　ヘッダーナビ
================================================================================================== */
.primary-nav,
#xxx {
	background-color: #36369D;
	color: #FFFFFF;
}

.primary-nav {
	overflow: hidden;
}

.primary-nav li {
	float: left;
	width: 150px;
	height: 39px;
}







/* ==================================================================================================
　コンテンツエリア
================================================================================================== */

/*#content-area {
	overflow: hidden;
	margin-bottom: 20px;
	background: url(images/bg_content.png) left top repeat-y;
}*/


/*210603*/
#content-area {
	overflow: hidden;
	margin-bottom: 20px;
	/*background: url(images/bg_content.png) left top repeat-y;*/
}





/* ==================================================================================================
　メイン
================================================================================================== */

#main {
	overflow: hidden;
	float: right;
	padding-left: 15px;
	width: 685px;
	background-color: #FFFFFF;
}

.section {
	overflow: hidden;
	margin-bottom: 15px;
	/zoom: 1;
}

/*.section-indent {
	padding-left: 10px;
	padding-right: 10px;
}*/



/*210603*/
.section-indent {
	padding-left: 10px;
	padding-right: 10px;
	/*margin-bottom: 60px;*
	margin-bottom: 0px;/*211007*/
}






.subsection {
	overflow: hidden;
	/zoom: 1;
}

.hgroup {
	position: relative;
}

.heading {
	margin-bottom: 10px;
	padding-left: 31px;
	height: 41px;
	line-height: 41px;
	background: url(images/bg_heading.png) left top no-repeat;
	color: #fff;
	/*font-size: 138.5%;*/
	font-size: 170%;
	font-weight: 700;
}



/*
.subheading {
	margin-bottom: 15px;
	padding-left: 30px;
	background: #E6EEFA url(images/bg_subheading.png) left center no-repeat;
	height: 37px;
	line-height: 37px;
	color: #4b4b4b;
	font-size: 123.1%;
	font-weight: 700;
}
*/


/*210611*/
.subheading {
	margin-bottom: 15px;
	padding-left: 35px;
	background: #E6EEFA url(images/bg_subheading.png) left center no-repeat;
	height: 37px;
	line-height: 37px;
	color: #4b4b4b;
	font-size: 140%;
	font-weight: 700;
}




.subheading a {
	color: #4b4b4b;
}

/*.miniheading {
	margin-bottom: 10px;
	padding-top: 3px;
	padding-left: 30px;
	border-top: 1px dotted #CBCBCB;
	border-bottom: 1px dotted #CBCBCB;
	background: url(images/bg_miniheading.png) 10px center no-repeat;
	height: 25px;
	line-height: 25px;
	font-weight: 700;
}*/



/*210603,210611*/
.miniheading {
	margin-top: 0px;
	margin-bottom: 15px;
	/*padding-top: 3px;*/
	padding-left: 30px;
	border-top: 1px dotted #CBCBCB;
	border-bottom: 1px dotted #CBCBCB;
	background: url(images/bg_miniheading.png) 10px center no-repeat;
	height: 60px;
	line-height: 60px;
	font-weight: 600;
	/*font-size: 130%;*/
	font-size: 135%;
}

.minisubheading {
	margin-bottom: 10px;
	padding-top: 3px;
	padding-left: 30px;
	background: url(images/bg_minisubheading.png) 10px center no-repeat;
	height: 16px;
	line-height: 16px;
	font-weight: 700;
}

.borderheading {
	margin-bottom: 10px;
	padding-top: 3px;
	border-top: 1px dotted #CBCBCB;
	border-bottom: 1px dotted #CBCBCB;
	height: 25px;
	line-height: 25px;
	font-weight: 700;
}

.boxheading {
	padding-left: 30px;
	background: #E6EEFA url(images/bg_boxheading.png) 10px center no-repeat;
	height: 30px;
	line-height: 30px;
	color: #4b4b4b;
}

.swpheading {
	margin-bottom: 10px;
	padding-left: 31px;
	height: 44px;
	line-height: 44px;
	background: url(images/bg_swpheading.png) left top no-repeat;
	color: #fff;
	font-size: 138.5%;
	font-weight: 700;
}

.info {
	color: #ff3300;
}

.note {
	font-size: 12px;
	font-weight: 100;
}

.entry {
	margin-bottom: 20px;
}

.entry .section {
	clear: both;
}

.entry-category,
.entry-title {
	margin-bottom: 10px;
}

.hgroup .go {
	position: absolute;
	top: 8px;
	right: 30px;
}



/*#sidebar {
	float: left;
	width: 200px;
	background-color: #F0F0F0;
}*/


/*210603*/
#sidebar {
	float: left;
	width: 200px;
	background-color: #FFFFFF;
}




.category ul {
	border-bottom: 1px solid #CACACA;
	background-color: #FFFFFF;
}

.category li {
	border: 1px solid #CACACA;
	border-top: 1px dotted #CACACA;
	border-bottom: 0;
}

/*210614*/
.category ul a {
	display: block;
	padding-left: 24px;
	height: 45px;
	line-height: 45px;
	background: url(images/bullet_b.png) 6px center no-repeat;
	color: #4B4B4B;
	font-weight: bold;	
font-size:114%;
}





/*ul追加　kiyama
.category ul a { 
	display: block;
	padding-left: 24px;
	height: 34px;
	line-height: 34px;
	background: url(images/bullet_b.png) 6px center no-repeat;
	color: #4B4B4B;
	font-weight: 700;
	text-decoration: none;
}
 */

.category a:hover {
	color: #539BEC;
	/*text-decoration: underline;*/
}

.secondary-nav {
	background-color: #FFFFFF;
}

.secondary-nav li {
	padding-bottom: 10px;
}

.company {
	padding-bottom: 11px;
	background: #FFFFFF;
}

.company .inquery {
	padding-bottom: 8px;
	background: url(images/img_side_company_bottom.png) left bottom no-repeat;
}

#xxx {
	padding: 12px 0;
}





/* ==================================================================================================
　サイトマップ
================================================================================================== */

.sitemap {
	padding: 12px 0;
}

.sitemap ul.list-wrapper {
	overflow: hidden;
	background: url(images/bg_sitemap.png) repeat-y;
}


.sitemap li {
	display: block;
	float: left;
	width: 178px;
	padding: 0 1px; /* ie6 hack */
}

.sitemap a {
	display: block;
	color: #606060;
	text-decoration: none;
}

.sitemap a:hover {
	/*text-decoration: underline;*/
}

.sitemap li ul {
	overflow: hidden;
}

.sitemap li li {
	clear: left;
	float: left;
	margin-top: 8px;
	margin-bottom: 0;
	padding-bottom: 0;
	width: auto;
}

.sitemap .primary-list {
	margin-top: -8px;
	width: 178px;
	padding: 0 0;
}

.sitemap .primary-list li {
	width: 178px;
}

.sitemap .secondary-list {
	padding-left: 12px;
	width: 166px;
}

.sitemap .secondary-list li {
	width: 166px;
}

.sitemap .tertiary-list {
	padding-left: 12px;
	width: 154px;
}

.sitemap .tertiary-list li {
	width: 154px;
}
	
.sitemap .primary-list a {
	padding-left: 20px;
	background: url(images/bullet_sitemap_a.png) no-repeat 6px 3px;
}

.sitemap .secondary-list a,
.sitemap .secondary-list span {
	padding-left: 20px;
	background: url(images/bullet_sitemap_b.png) no-repeat 6px 3px;
}

.sitemap .tertiary-list a {
	padding-left: 20px;
	background: url(images/bullet_sitemap_c.png) no-repeat 6px 3px;
}

.sitemap .marker {
	padding-left: 20px;
	background: url(images/bullet_sitemap_d.png) no-repeat 6px center;
}



/* ==================================================================================================
　フッター
================================================================================================== */

#footer-area {
	background-color: #A1A1A1;
}


.footer {
	padding: 12px 0;
	overflow: hidden;
}

.footer .function-nav {
	float: left;
}

.footer li {
	margin-left: 6px;
	padding-left: 6px;
	border-left: 1px solid #ffffff;
}

.footer a {
	color: #FFFFFF;
	text-decoration: none;
}

.footer a:hover {
	/*text-decoration: underline;*/
}

.copyright {
	text-align: right;
	color: #ffffff;
}

.footer .first {
	border: none;
	margin-left: 0;
}


/* ==================================================================================================
　フォーム
================================================================================================== */


.form {
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
}

.form td,
.form th {
	padding: 12px 18px;
	border: 1px solid #ccc;
	font-size: 12px;
}

.form th {
	width: 170px;
	background: #F0F0F0;
	font-weight: 700;
	/*
	word-break: keep-all;
	white-space: nowrap;
	*/
}

.form .listed {
	width: 95%;
}

.form .listed th {
	width: 100px;
	background: transparent;
	/*
	word-break: keep-all;
	white-space: nowrap;
	*/
}

.form .listed td,
.form .listed th {
	padding: 0.5em 6px 0.5em 0;
	border: none;
	font-size: 12px;
}

.form .require {
	margin-left: 0.5em;
	color: #f30;
}

.form input,
.form textarea {
	padding: 2px 3px;
}

.form .typecheck {
	font-size: 11px;
	font-weight: 100;
}

.form p.typecheck {
	margin-top: 0.5em;
	/margin-top: 0;
	vertical-align: text-top;
}

.form .length-full input,
.form .length-full textarea {
	width: 95%;
}

.form .length-half input,
.form .length-half textarea {
	width: 50%;
}

.form .form-comment textarea {
	height: 120px;
}

.form .form-radiogroup li {
	float: left;
	margin-right: 0.5em;
	padding: 0.3em 0;
	/padding: 0;
}

.form .form-radiogroup_wide li {
	float: left;
	margin-right: 0.2em;
	padding: 0.3em 0;
	/padding: 0;
}

.radioField {
	margin-right: 0.3em;
	/margin-right: 0.1em;
}

.form .form-radiogroup .mfSearch5 {
	clear: left;
	float: left;
	width: 60px;
}

.form-submit {
	margin-bottom: 1.0em;
	text-align: center;
}

.mfError {
	clear: left;
	margin-top: 6px;
	color: #f30;
}

.contact-search-other-free {
	//display: block;
	margin-top: 0.5em;
}

.form-submit-input {
	/margin: 0 auto;
	/width: 168px;
}

.form-submit-confirm {
	/margin: 0 auto;
	/width: 332px;
}

.form-submit #form-submit-confirm,
.form-submit #form-submit-modify,
.form-submit #form-submit-send {
	border: 0;
	width: 161px;
	height: 35px;
	text-indent: -99999px;
	cursor: pointer;
	/display:block;
	/margin: 0 2px;
	/float: left;
	/line-height: 0;
	/font-size: 0;
}

#form-submit-confirm {
	background: url(images/btn_submit_confirm.png) no-repeat left top;
}

#form-submit-confirm.hover {
	background: url(images/btn_submit_confirm_o.png) no-repeat left top;
}

#form-submit-modify {
	background: url(images/btn_submit_modify.png) no-repeat left top;
}

#form-submit-modify.hover {
	background: url(images/btn_submit_modify_o.png) no-repeat left top;
}

#form-submit-send {
	background: url(images/btn_submit_send.png) no-repeat left top;
}

#form-submit-send.hover {
	background: url(images/btn_submit_send_o.png) no-repeat left top;
}

.flow-under {
	padding-bottom: 50px;
	background: url(images/bg_howto_arrow.png) no-repeat bottom center;
}




/* ==================================================================================================
　index.php
================================================================================================== */

.reasons-order {
	position: relative;
	width: 685px;
	height: 202px;
	background: url(images/bg_index_reasons_bottom.png) no-repeat left top;
}

.reasons-link {
	position: absolute;
	right: 40px;
	bottom: 42px;
	width: 292px;
	height: 60px;
}

.voice-pickup {
	position: relative;
	overflow: hidden;
	width: 685px;
	height: 221px;
	background: url(images/bg_voice.png) no-repeat left top;
}

.voice-title {
	float: left;
	margin-top: 5px;
	width: 163px;
	height: 193px;
}

.voice-figure {
	float: left;
	margin-top: 5px;
	width: 172px;
	height: 193px;
}

.voice-comment {
	padding: 12px 0;
	color: #fff;
}

.voice-comment-title {
	margin-bottom: 3px;
}

.voice-comment-content {
	margin-right: 1.2em;
	font-size: 85%;
}

.voice-go {
	position: absolute;
	bottom: 11px;
	right: 12px;
}

.popular ul {
	display: inline-block;
	/display: inline;
	/zoom: 
	overflow: hidden;
	margin: 1px 0 0 1px;
}

.popular li {
	float: left;
	display: inline;
	margin: -1px 0 0 -1px;
	padding:  0 10px;
	width: 150px;
	border: 1px solid #CBCBCB;
	/zoom: 1;
	height: 250px; /*210609追加*/
}

.popular-figure {
	overflow: hidden;
	margin-top: 10px;
	padding: 1px;
	border: 1px solid #CBCBCB;
	width: 146px;
	height: 146px;
}

.popular-figure,
.popular-category,
.popular-title {
	margin-bottom: 5px;
	font-weight: 700;
}

.popular .popular-category {
	padding: 3px 5px;
	background: url(images/bg_list_category.png) left top;
	color: #fff;
	font-size: 93%;
}
	
.popular-title {
	font-size: 108%;
}

.popular-link {
	margin-bottom: 10px;
	font-size: 93%;
}

.list,
.news-list {
	overflow: hidden;
	border: 1px solid #CBCBCB;
	padding: 10px;
}



/*
.news-list {
	margin-bottom: 1.5em;
}
*/


.list li {
	margin: 0 5px 2px 0;
	padding: 7px 0 7px 22px;
	background: url(images/bullet_b.png) no-repeat left center;
	border-bottom: 1px dotted #CBCBCB;
	color: #539BEC;	
}

.list dt,
.news-list dt {
	clear: left;
	float: left;
	margin: 0 5px 2px 0;
	padding: 7px 0 7px 22px;
	background: url(images/bullet_b.png) no-repeat left center;
	color: #539BEC;	
}

.list dd,
.news-list dd {
	margin-bottom: 2px;
	padding: 7px 0;
	border-bottom: 1px dotted #CBCBCB;
}

.list a,
.news-list a {
	color: #4B4B4B;
	text-decoration: none;
}

.list a:hover,
.news-list a:hover {
	/*text-decoration: underline;*/
}

.order {
	position: relative;
	margin-bottom: 10px;
	width: 685px;
	height: 139px;
	background: url(images/bg_inquery.png) no-repeat left top;
}

.order-inquery {
	position: absolute;
	bottom: 21px;
	right: 20px;
	width: 312px;
	height: 60px;
}

.pagetop-nav {
	text-align: right;
}

.direct-nav {
	padding-left: 13px;
	background: url(images/bullet_a.png) no-repeat left center;
	vertical-align: text-top;
}

.topicpath-nav {
	overflow: hidden;
	margin-bottom: 10px;
	padding-left: 7px;
	height: 22px;
	line-height: 22px;
	background: url(images/bg_topicpath.png) left center;
	font-size: 85%;
}

.topicpath-nav a {
	color: #36369D;
	text-decoration: underline;
}

/* wp-pagenavi */

.pagenater {
	position: relative;
}

.wp-pagenavi {
	clear: both;
	margin-bottom: 15px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	background: #F7F8F8;
	border-top: 1px dotted #D4D4D4;
	border-bottom: 1px dotted #D4D4D4;
}

.wp-pagenavi a,
.wp-pagenavi span {
	border: 1px solid #D4D4D4;
	padding: 0 5px;
	margin: 4px;
	background: #FFFFFF;
	color: #4B4B4B;
	text-decoration: none;

}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	border-color: #36369D;
	background: #36369D;
	color: #FFFFFF;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	text-decoration: none;
}

.pagenater .pages {
	position: absolute;
	right: 6px;
	border: 0;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	margin: 2px;
	background: transparent;
}





/* ==================================================================================================
　single.php
================================================================================================== */

.product-pictures-list {
	float: left;
	overflow: hidden;
	margin-right: 18px;;
	margin-bottom: 15px;
	padding: 9px;
	border: 1px solid #CBCBCB;
}

.product-pictures-list p {
	overflow: hidden;
	width: 223px;
	max-height: 223px;
}

.product-summary-list {
	overflow: hidden;
	margin-bottom: 15px;
	width: 400px;
}

.product-summary-list a {
	color: #F66A03;
}


.product-summary-list .direct-nav {
	padding-left: 20px;
	background: url(images/bullet_b.png) 0 center no-repeat;
}

.product-introduction-excerpt {
	border-top: 1px dotted #CBCBCB;
	margin-top: -2px;
	margin-bottom: 10px;
	padding-top: 10px;
	/zoom: 1;
}

.product-list li {
	overflow: hidden;
}


.product-pictures {
	float: left;
	margin-bottom: 20px;
	width: 295px;
}

.product-picture {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 16px 17px 17px 16px;
	border: 1px solid #CBCBCB;
}

.product-picture p {
	overflow: hidden;
	width: 260px;
	height: 260px;
}

.product-picture-thumbnail {
	overflow: hidden;
	margin-top: 10px;
	margin-left: -5px;
	/zoom: 1;
}

.product-picture-thumbnail li {
	overflow: hidden;
	float: left;
	display: inline;
	margin-left: 5px;
	width: 95px;
	height: 95px;
/*}

.product-summary {
	float: right;
	margin-bottom: 20px;
	width: 371px;
}*/



}

.product-summary {
	float: right;
	margin-bottom: 40px;
	width: 371px;
}





.product-tags {
	overflow: hidden;
	margin-left: -3px;
	padding: 5px 0;
	border-top: 1px dotted #CBCBCB;
	/zoom: 1;
}

.product-tags li {
	float: left;
	margin-left: 3px;
}

.product-label {
	overflow: hidden;
}

.product-label dt {
	clear: left;
	float: left;
	padding: 5px 0;
}

.product-label dd {
	padding: 5px 0;
	border-top: 1px dotted #CBCBCB;
}


dt.prodouct-schedule {
	padding-top: 6px;
}

dd.prodouct-schedule {
	color: red;
}

dt.prodouct-price {
	padding-top: 10px;
}

dd.prodouct-price {
	font-size: 138.5%;
	color: red;
	font-weight: 700;
}

.product-introduction {
	margin-bottom: 30px;
}

.product-introduction p,
.product-introduction ul {
	margin-bottom: 1em;
}

.product-introduction ul,
.product-introduction ol {
	padding-left: 2em;
}

.product-introduction ul li {
	list-style: disc;
}

.product-introduction ol li {
	list-style: decimal
}

.product-order {
	text-align: center;
}

.product-order li {
	margin-bottom: 6px;
}


/*.product-image {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	width: 295px;
}*/




.product-image {
	float: left;
	margin-right: 20px;
	margin-bottom: 60px;
	width: 295px;
}






.product-guide {
	overflow: hidden;
	margin-bottom: 15px;
}

.entry .miniheading {
	clear: both;
}

.pageback {
	margin-bottom: 15px;
	padding: 5px 0;
	border-top: 1px dotted #CBCBCB;
	border-bottom: 1px dotted #CBCBCB;
	text-align: center;
}




/* ==================================================================================================
　page-news.php
================================================================================================== */

.news-archive .news-list {
	margin-bottom: 15px;
}

.backnumber {
	border: 1px solid #CBCBCB;
}

.backnumber-list {
	padding: 10px;
}

.backnumber-list li {
	display: inline;
	margin-right: 10px;
}

.backnumber-list a {
	padding-left: 12px;
	background: url(images/bullet_c.png) no-repeat left center;
	color: #4B4B4B;
	text-decoration: none;
}

.backnumber-list a:hover {
	/*text-decoration: underline;*/
}




/* ==================================================================================================
　page-faq.php
================================================================================================== */

.description {
	margin: 3px 0 16px 0;
}

.faq-answer-question {
	padding: 15px 5px 13px 55px;
	background: #e6eefa url(images/ico_q.png) no-repeat 5px 5px;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px dotted #cbcbcb; 
	font-weight: 700;
}

.faq-answer-answer {
	margin-bottom: 25px;
	padding: 15px 0 13px 55px;
	background: url(images/ico_a.png) no-repeat 5px 5px;
}

.faq-answer-answer .miniheading {
	margin-top: 0.5em;
}

.faq-bank {
	margin-bottom: 0.5em;
	padding: 8px 10px;
	border: 1px solid #DEDEDE;
}





/* ==================================================================================================
　page-lineup.php
================================================================================================== */

.lineup-nav {
	overflow: hidden;
	margin-left: -11px;
	border-bottom: 6px solid #36369D;
	/zoom: 1;
}

.lineup-nav li {
	float: left;
	margin-left: 11px;
	/display: inline;
}

.lineup-heading-pop {
	background: url(images/bg_lineup_heading_pop.png) no-repeat;
	color: #fff;
}

.lineup-heading-seal {
	background: url(images/bg_lineup_heading_seal.png) no-repeat;
	color: #fff;
}

.lineup-heading-novelty {
	background: url(images/bg_lineup_heading_novelty.png) no-repeat;
	color: #fff;
}

.lineup .section {
	padding: 5px 20px 15px 20px;
	background-color: #F2F2F2;
	border: 1px solid #DEDEDE;
}

.lineup .subsection {
	margin: 0 auto;
	padding: 15px 0;
	width: 643px;
	border-bottom: 1px dotted #DEDEDE;
}

.lineup .subheading {
	margin-bottom: 10px;
}

.lineup .subsection ul {
	overflow: hidden;
	margin: 0 0 10px -8px;
	/zoom: 1;
}

.lineup .subsection li {
	float: left;
	margin-left: 9px;
	/display: inline;
}

.lineup .go {
	padding-left: 20px;
	background: url(images/bullet_b.png) 0 center no-repeat;
}

/* =page-pop.php
/* =page-seal.php
/* =page-novelty.php
-------------------------------------------------------------- */

.image-header {
	margin-bottom: 20px;
}


/* =page-reason.php
-------------------------------------------------------------- */

.reasons .description-header {
	margin-bottom: 12px;
	position: relative;
	width: 685px;
	height: 212px;
	background: url(images/bg_reason_header.jpg) no-repeat;
}

.reasons .description-header p {
	position: absolute;
	top: 106px;
	left: 25px;
	width: 466px;
	color: #fff;
}

.reasons .section {
	padding: 0 0 12px 0;
	border-bottom: 1px dotted #DEDEDE;
}

.reasons .reason-image {
	float: left;
	margin-right: 19px;
	width: 170px;
}

.reasons .subheading {
	margin: 0 0 12px 183px;
	padding: 0 0 8px 0;
	height: 33px;
	line-height: 33px;
	background: url(images/bg_reason_heading.png) no-repeat bottom;
	color: #36369D;
	font-size: 18px;
	font-weight: 700;
}

/* =page-voice.php
-------------------------------------------------------------- */

.voice .section {
	padding: 0 0 12px 0;
	border-bottom: 1px dotted #DEDEDE;
}

.voice .voice-image {
	float: left;
	margin-right: 17px;
	width: 218px;
	overflow: visible;
}

.voice .subheading {
	margin: 0 0 6px 235px;
	padding: 2px 0 3px 0;
	height: 29px;
	line-height: 29px;
	background: url(images/bg_voice_heading.png) no-repeat bottom;
	font-size: 16px;
	font-weight: 700;
}

.voice .voice-name {
	margin-bottom: 0.5em;
	font-weight: 700;
}

.voice .voice-comment {
	overflow: auto;
	color: #4B4B4B;
	padding-top: 0;
}




/* ==================================================================================================
　page-howto.php
================================================================================================== */

.howto-01 {
	margin-bottom: 0;
}

.howto-01 .section {
	margin: 1.5em 0 0 0;
}

.howto-contact .subheading {
	padding-left: 10px;
	background: url(images/bg_howto_heading_contact.png) no-repeat;
	color: #fff;
}

.howto-order .subheading {
	padding-left: 10px;
	height: 32px;
	line-height: 32px;
	background: url(images/bg_howto_heading_order.png) no-repeat;
	color: #fff;
}

.howto-image {
	float: left;
	margin-right: 16px;
	width: 314px;
}

.howto-flow {
	margin-left: 330px;
	font-weight: 700;
}

.howto-flow li {
	margin-bottom: 8px;
	padding: 2px 0 10px 30px;

}

.howto-flow li ul {
	/margin-top: -10px;
}

.howto-flow li li {
	margin-left: -30px;
	/zoom: 1;
}

.howto-flow-01 {
	background: url(images/ico_howto_num_01.png) no-repeat;
}

.howto-flow-02 {
	background: url(images/ico_howto_num_02.png) no-repeat;
}

.howto-flow-03 {
	background: url(images/ico_howto_num_03.png) no-repeat;
}

.howto-flow .borderheading {
	margin-top: -2px;
	padding: 2px 0;
	height: auto;
	line-height: 1.5;
	color: #EA5504;
	/zoom: 1;
}

.howto-email {
	float: left;
	width: 330px;
	font-weight: 700;
}

.howto-ftp {
	float: right;
	width: 330px;
	font-weight: 700;
}

.howto-email .subheading {
	float: left;
	padding-left: 10px;
	width: 320px;
	background: url(images/bg_howto_heading_email.png) no-repeat;
	color: #fff;
}

.howto-ftp .subheading {
	float: right;
	padding-left: 10px;
	width: 320px;
	background: url(images/bg_howto_heading_ftp.png) no-repeat;
	color: #fff;
}

.howto-email .note,
.howto-ftp .note {
	overflow: hidden;
}

.howto-email .howto-image,
.howto-ftp .howto-image {
	float: left;
	margin: 0 12px 12px 0;
	width: 88px;
}

.howto-data p {
	margin-bottom: 1em;
}





/* ==================================================================================================
　page-sample.php
================================================================================================== */

.sample .description-header {
	margin-bottom: 12px;
	position: relative;
	width: 685px;
	height: 192px;
	background: url(images/bg_sample_header.jpg) no-repeat;
}

.sample .description-header p {
	position: absolute;
	top: 106px;
	left: 25px;
	width: 431px;
	color: #fff;
}

.sample-icon {
	padding: 10px;
	border: 1px solid #DEDEDE;
}

.sample-icon img {
	vertical-align: middle;
}




/* ==================================================================================================
　page-about.php
================================================================================================== */

.about .description-header {
	margin-bottom: 12px;
	position: relative;
	width: 685px;
	height: 192px;
	background: url(images/bg_about_header.jpg) no-repeat;
}

.about .description-header p {
	position: absolute;
	top: 82px;
	left: 25px;
	width: 320px;
	color: #fff;
}

.about-example {
	margin: 1.0em 0;
}

.about-lineup {
	border: 1px solid #D4D4D4;
	padding: 0 10px;
	background-color: #F7F7F7;
}

.about-lineup .subsection {
	margin: 0 auto;
	padding: 10px 0;
	border-bottom: 1px dotted #DEDEDE;
}

.about-lineup-content {
	position: relative;
	float: right;
	width: 485px;
}

.about-lineup-title {
	margin-bottom: 10px;
	padding-left: 30px;
	height: 37px;
	line-height: 39px;
	color: #fff;
	font-size: 123.1%;
	font-weight: 700;
}

.about-lineup-list {
	overflow: hidden;
	padding: 0 10px;
}
	
.about-lineup-list li {
	float: left;
	margin-right: 20px;
}

.about-lineup-list li a {
	padding-left: 12px;
	background: url(images/bullet_c2.png) no-repeat left center;
	color: #36369D;
}

.about-pic {
	float: left;
	width: 168px;
}

.about-lineup-go {
	position: absolute;
	top: 4px;
	right: 15px;
}

.about-lineup #pop .about-lineup-title {
	background: url(images/bg_about_heading_pop.png) no-repeat left top;
}

.about-lineup #seal .about-lineup-title {
	background: url(images/bg_about_heading_seal.png) no-repeat left top;
}

.about-lineup #novelty .about-lineup-title {
	background: url(images/bg_about_heading_novelty.png) no-repeat left top;
}

.about-lineup #novelty {
	border-bottom: none;
}

.about-voice-pickup {
	padding: 9px 1px;
	height: 223px;
	background: url(images/bg_about_voice.png) no-repeat left top;
}

.about-voice-pickup .voice-go {
	position: absolute;
	bottom: 30px;
	right: 12px;
}

.about-voice-pickup .voice-comment-content {
	color: #4B4B4B;
}




/* ==================================================================================================
　page-name.php
================================================================================================== */

.name .description-header {
	margin-bottom: 12px;
	position: relative;
	width: 685px;
	height: 192px;
	background: url(images/bg_name_header.jpg) no-repeat;
}

.name .description-header p {
	position: absolute;
	top: 106px;
	left: 25px;
	width: 431px;
	color: #fff;
}

.name-icon {
	margin: 0.5em 0;
	padding: 10px;
	border: 1px solid #DEDEDE;
}

.name-icon img {
	vertical-align: middle;
}

.name_flow li {
	margin-bottom: 6px;
	background: url(images/bg_name_flow.png) no-repeat left bottom;
}

.name_flow .name-flow-additional {
	padding: 1em 10px 1.5em 50px;
}





/* ==================================================================================================
　single-news.php
================================================================================================== */

.news-artcle {
	margin-bottom: 15px;
	padding: 20px;
	border: 1px solid #CBCBCB;
}

.news-date {
	margin-bottom: 5px;
	font-weight: 700;
}

.news-title {
	padding: 10px 14px;
	border-left: 6px solid #36359D;
	background: #E6EEF9;
	font-size: 108%;
	font-weight: 700;
}





/* ==================================================================================================
　other pages
================================================================================================== */

table.plain {
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
}

table.plain td,
table.plain th {
	padding: 12px 18px;
	border: 1px solid #ccc;
	font-size: 12px;
}

table.plain th {
	width: 170px;
	background: #F0F0F0;
	font-weight: 700;
	/*
	word-break: keep-all;
	white-space: nowrap;
	*/
}

ol.plain li {
	margin: 0 0 1.5em 0;
	list-style: decimal;
	list-style-position:  inside;
}








/* ==================================================================================================
プライスリスト
================================================================================================== */



table.pricelist {
	width:665px;
	text-align:center;
	vertical-align:middle;
	border:none;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;	
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

table.pricelist thead tr {
	font-weight:700;
	border-top:2pt solid white;
	border-right:2pt solid white;
	border-bottom:2pt solid white;
	border-left:2pt solid white;
	text-align:center;
	vertical-align:middle;
}
	
table.pricelist thead.price tr {
	/*background-color:#FFCC99;*/
	/*background-color:#bbe2f1;*/
	background-color:#99ccff;
}





	
table.pricelist thead.price2 tr {
	/*background-color:#90ee90;*/
	background-color:#98d98e;
}




	
table.pricelist thead.unit_price tr {
	/*background-color:#CCFFCC;*/
	background-color:#ffd1a3;
}
	
table.pricelist thead.sample_price tr {
	background-color:#FF99CC;
}
	
table.pricelist thead.sample_unit_price tr {
	background-color:#CCFFFF;
}
	
table.pricelist thead tr.large th {
	font-size:15.0pt;
	font-weight:700;
	border-top:2pt solid white;
	border-right:2pt solid white;
	border-bottom:2pt solid white;
	border-left:2pt solid white;
	text-align:center;
	vertical-align:middle;
}

table.pricelist thead tr.p150 th {
	font-size:15.0pt;
	font-weight:700;
	border-top:2pt solid white;
	border-right:2pt solid white;
	border-bottom:2pt solid white;
	border-left:2pt solid white;
	text-align:center;
	vertical-align:middle;
}

table.pricelist thead tr.semi-large th {
	font-size:13.0pt;
	font-weight:700;
	border-top:2pt solid white;
	border-right:2pt solid white;
	border-bottom:2pt solid white;
	border-left:2pt solid white;
	text-align:center;
	vertical-align:middle;
}

table.pricelist thead tr.p130 th {
	font-size:13.0pt;
	font-weight:700;
	border-top:2pt solid white;
	border-right:2pt solid white;
	border-bottom:2pt solid white;
	border-left:2pt solid white;
	text-align:center;
	vertical-align:middle;
}

table.pricelist thead tr.middle th {
	font-size:11.0pt;
	font-weight:700;
	border-top:2pt solid white;
	border-right:2pt solid white;
	border-bottom:2pt solid white;
	border-left:2pt solid white;
	text-align:center;
	vertical-align:middle;
}
			
table.pricelist thead tr.p110 th {
	font-size:11.0pt;
	font-weight:700;
	border-top:2pt solid white;
	border-right:2pt solid white;
	border-bottom:2pt solid white;
	border-left:2pt solid white;
	text-align:center;
	vertical-align:middle;
}
			
table.pricelist thead tr.small th {
	font-size:9.0pt;
	font-weight:700;
	border-top:2pt solid white;
	border-right:2pt solid white;
	border-bottom:2pt solid white;
	border-left:2pt solid white;
	text-align:center;
	vertical-align:middle;
}
			
table.pricelist thead tr.p90 th {
	font-size:9.0pt;
	font-weight:700;
	border-top:2pt solid white;
	border-right:2pt solid white;
	border-bottom:2pt solid white;
	border-left:2pt solid white;
	text-align:center;
	vertical-align:middle;
}
			
table.pricelist thead tr.mini th {
	font-size:7.5pt;
	font-weight:700;
	border-top:2pt solid white;
	border-right:2pt solid white;
	border-bottom:2pt solid white;
	border-left:2pt solid white;
	text-align:center;
	vertical-align:middle;
}
			
table.pricelist thead tr.p75 th {
	font-size:7.5pt;
	font-weight:700;
	border-top:2pt solid white;
	border-right:2pt solid white;
	border-bottom:2pt solid white;
	border-left:2pt solid white;
	text-align:center;
	vertical-align:middle;
}
			
table.pricelist tbody tr td {
	border-top:none;
	border-right:2pt solid white;
	border-bottom:none;
	border-left:2pt solid white;
	vertical-align:middle;
}

table.pricelist tbody tr.small td {
	font-size:9.0pt;
}

table.pricelist tbody tr.gray td {
	background-color:#efefef;
}

table.pricelist tbody tr.p100 td {
	font-size:10.0pt;
}

table.pricelist tbody tr.gray_p100 td {
	background-color:#efefef;
	font-size:10.0pt;
}

table.pricelist tbody tr.p110 td {
	font-size:11.0pt;
}

table.pricelist tbody tr.gray_p110 td {
	background-color:#efefef;
	font-size:11.0pt;
}





/* ==================================================================================================
　For Sitmap
================================================================================================== */

.sitemap-tree li {
	margin-bottom: 10px;
	padding: 4px 0 6px 30px;
	padding-left: 30px;
	border-bottom: 1px dotted #CBCBCB;
	background: url(images/bg_miniheading.png) 10px 8px no-repeat;
	font-weight: 700;
	font-size: 14px;
}


.sitemap-tree li ul {
	overflow: hidden;
	margin-top: 12px;
	padding-left: 20px;
	/zoom: 1;
}

.sitemap-tree li ul li {
	float: left;
	border: none;
	padding: 3px 0;
	width: 210px;
	background: none;
	font-size: 12px;
	font-weight: 100;
}

.sitemap-miniheading {
	padding: 10px 0 0 20px;
	background: url(images/bg_sitemap_miniheading.png) left 11px no-repeat;
	font-weight: 700;
}

.sitemap-tree li a {
	color: #444;
	text-decoration: none;
}

/*
/ ソフトハウスゼロツー
-------------------------------------------------------------- */

/* 全体　*/

.attention{
    font-weight: bold;
	color: #FF0000;
}

.bold {
   font-weight: 700;
}

/*リストのスタイル*/
.point-list {
   margin: 0px 10px 10px 10px;
}
.point-list li {
   list-style-type: disc;
   margin-bottom: 5px;
}


/* カテゴリ　pagees　説明文
.category-description {
    font-size: 12px;
    margin: 0px 5px 15px 5px;
}-------------------------------- */





/* ==================================================================================================
　category.php（スイングPOP・ミニのぼり・スタンドPOP）
================================================================================================== */

.cat_gototop {
	width: 50px;
	margin-left: auto;
	margin-bottom: 1em;
}


/*
.swp_heading {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 70px;
	height: 44px;
	line-height: 44px;
	background: url(images/bg_swpheading.png) left top no-repeat;
	color: #5F5F5F;
	font-size: 160%;
	font-weight: 700;
}
*/



/*.swp_heading {
	margin-top: 50px;
	margin-bottom: 20px;
	padding-left: 10px;
	height: 50px;
	line-height: 55px;
	color: #14148c;
	font-size: 180%;
	font-weight: 500;
  border-top: 2px dotted #14148c;
  border-bottom: 2px dotted #14148c;
}*/




/* ------------------------------------------------------------
 タイトル（説明・特徴）211007.220405
------------------------------------------------------------ */

.stp_heading {
	position: relative;
  padding: 10px 20px;
  color: #fff;
  border-radius: 8px;
  background: #36369d;
	font-size: 150%;
	font-weight: 500;
	margin-bottom: 20px;
	margin-top: 40px;
}


.stp_heading:after {
  position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0px 10px;
  border-style: solid;
  border-color: #36369d transparent transparent transparent;
}

.stp_image_a01 {
	float: right;
	margin-left: 20px;
	width: 300px;
	overflow: visible;
}

.std_category-description {
    font-size: 115%;
    margin: 0px 30px 150px 30px;
line-height:1.7;
}






.swp_heading {
	position: relative;
  padding: 10px 20px;
  color: #fff;
  border-radius: 8px;
  background: #36369d;
	font-size: 150%;
	font-weight: 500;
	margin-bottom: 20px;
	margin-top: 40px;
}

.swp_heading:after {
  position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0px 10px;
  border-style: solid;
  border-color: #36369d transparent transparent transparent;
}


.mfg_heading {
	position: relative;
  padding: 10px 20px;
  color: #fff;
  border-radius: 8px;
  background: #14148c;
	font-size: 150%;
	font-weight: 500;
	margin-bottom: 20px;
	margin-top: 40px;
}

.mfg_heading:after {
  position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0px 10px;
  border-style: solid;
  border-color: #14148c transparent transparent transparent;
}





/*
.mfg_heading {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 50px;
	height: 50px;
	line-height: 54px;
	background: url(images/bg_mfgheading.png) left top no-repeat;
	color: #fff;
	font-size: 160%;
	font-weight: 700;
}
*/

.swp_catch {/*親div*/
  position: relative;/*相対配置*/
}

.swp_catch p {
  position: absolute;/*絶対配置*/
  color: #FF6633;
  top: 46%;
  left: 4%;
	font-size: 120%;
	font-weight: 700;
}

.swp_catch img {
  width: 100%;
    margin-bottom: 2em;
}

.mfg_catch {/*親div*/
  position: relative;/*相対配置*/
}

.mfg_catch p {
  position: absolute;/*絶対配置*/
  color: #FF6633;
  top: 43%;
  left: 4%;
	font-size: 120%;
	font-weight: 700;
}

.mfg_catch img {
  width: 100%;
    margin-bottom: 2em;
}

.cat_description {
    /*font-size: 12px;*/
    /*margin: 0px 5px 15px 5px;*/

font-size: 115%;/*211007*/
margin: 0px 20px 30px 20px;/*211007*/
line-height:1.7;/*211007*/
}

.cat_description_em1 {
    /*font-size: 12px;*/
    /*margin: 0px 5px 15px 5px;*/
    /*margin-bottom: 1em;*/

font-size: 115%;/*210615*/
margin: 0px 20px 30px 20px;/*210615*/
line-height:1.7;/*210615*/
}

.cat_description_em2 {
    /*font-size: 12px;*/
    /*margin: 0px 5px 15px 5px;*/
    margin-bottom: 2em;

font-size: 115%;/*210615*/
margin: 0px 20px 30px 20px;/*210615*/
line-height:1.7;/*210615*/
}

.cat_description_em3 {
    /*font-size: 12px;*/
    /*margin: 0px 5px 15px 5px;*/
    /*margin-bottom: 3em;*/

font-size: 115%;/*210615*/
margin: 0px 20px 0px 20px;/*210615*/
line-height:1.7;/*210615*/
}

.cat_description_em4 {
    /*font-size: 12px;*/
    /*margin: 0px 5px 15px 5px;*/
    /*margin-bottom: 4em;*/

font-size: 115%;/*210615*/
margin: 0px 20px 30px 20px;/*210615*/
line-height:1.7;/*210615*/
}

.cat_description_em5 {
    /*font-size: 12px;*/
    /*margin: 0px 5px 15px 5px;*/
    /*margin-bottom: 5em;*/

font-size: 115%;/*210615*/
margin: 0px 20px 30px 20px;/*210615*/
line-height:1.7;/*210615*/
}

.cat_description_em6 {
    font-size: 12px;
    margin: 0px 5px 15px 5px;
    margin-bottom: 6em;
}

.cat_description_em7 {
    font-size: 12px;
    margin: 0px 5px 15px 5px;
    margin-bottom: 7em;
}

.cat_description_em8 {
    /*font-size: 12px;*/
    /*margin: 0px 5px 15px 5px;*/
    margin-bottom: 8em;

font-size: 115%;/*210615*/
margin: 0px 20px 60px 20px;/*210615*/
line-height:1.7;/*210615*/
}

.cat_description_em9 {
    font-size: 12px;
    margin: 0px 5px 15px 5px;
    margin-bottom: 9em;
}

.cat_description_em10 {
    font-size: 12px;
    margin: 0px 5px 15px 5px;
    margin-bottom: 10em;
}







/*------------------- タイトルアンダーバー -------------------*/
.cat_subheader_underline {
	border-bottom:solid;
	border-color:#FF6633;
	border-width:3px;
}




/*--------------------------- 特徴 1 ---------------------------*/
.cat_subheader_a01 {
	margin-top: 40px;
	margin-bottom: 10px;
	padding-left: 90px;
	height: 35px;
	line-height: 27px;
	background: url(images/bg_caticon_a01.png) left top no-repeat;
	color: #000;
	font-size: 180%;
	font-weight: 700;
}

.swp_image_a01 {
	float: right;
	margin-left: 20px;
	width: 240px;
	overflow: visible;
margin-bottom:0px;/*210615*/
margin-top:50px;/*211007*/
}

.mfg_image_a01 {
	float: right;
	margin-left: 20px;
	margin-top: 0px;
	width: 250px;
	overflow: visible;
}


/*--------------------------- 特徴 2 ---------------------------*/
.cat_subheader_a02 {
	margin-top: 60px;
	margin-bottom: 10px;
	padding-left: 90px;
	height: 35px;
	line-height: 27px;
	background: url(images/bg_caticon_a02.png) left top no-repeat;
	color: #000;
	font-size: 180%;
	font-weight: 700;
}

.swp_image_a02 {
	float: right;
	margin-left: 20px;
	margin-top: 0px;
	width: 260px;
	overflow: visible;
}

.mfg_image_a02 {
	float: right;
	margin-left: 50px;
	margin-top: -70px;
	width: 220px;
	overflow: visible;
}


/*--------------------------- 特徴 3 ---------------------------*/
.cat_subheader_a03 {
	margin-top: 120px;
	margin-bottom: 10px;
	padding-left: 90px;
	height: 35px;
	line-height: 27px;
	background: url(images/bg_caticon_a03.png) left top no-repeat;
	color: #000;
	font-size: 180%;
	font-weight: 700;
}

.swp_image_a03 {
	width: 650px;
	margin-top: -20px;/*210615*/
}

.mfg_cat_subheader_a03 {
	margin-top: 60px;
	margin-bottom: 10px;
	padding-left: 90px;
	height: 35px;
	line-height: 27px;
	background: url(images/bg_caticon_a03.png) left top no-repeat;
	color: #000;
	font-size: 180%;
	font-weight: 700;
}

.mfg_image_a03 {
	width: 686px;
	margin-bottom: 30px;
}


/*--------------------------- 特徴 4 ---------------------------*/
.cat_subheader_a04 {
	margin-top: 50px;
	margin-bottom: 10px;
	padding-left: 90px;
	height: 35px;
	line-height: 27px;
	background: url(images/bg_caticon_a04.png) left top no-repeat;
	color: #000;
	font-size: 180%;
	font-weight: 700;
}


/*---------------------- 設置場所・活用方法　1 ----------------------*/
.cat_subheader_b01 {
	margin-top: 30px;
	margin-bottom: 10px;
	padding-left: 20px;
	height: 50px;
	line-height: 50px;
	/*background: url(images/bg_caticon_b01.png) left top no-repeat;*/
	color: #000;
	font-size: 180%;
	font-weight: 700;
}

.swp_image_b01 {
	float: right;
	margin-left: 25px;
	width: 180px;
	overflow: visible;
margin-bottom:60px;/*210615*/
margin-top: 50px;/*211007*/
}

.mfg_image_b01 {
	float: right;
	margin-left: 20px;
	margin-top: -50px;
	width: 180px;
	overflow: visible;
}


/*---------------------- 設置場所・活用方法　2 ----------------------*/
.cat_subheader_b02 {
	margin-top: 40px;
	margin-bottom: 10px;
	padding-left: 20px;
	height: 50px;
	line-height: 50px;
	color: #000;
	font-size: 180%;
	font-weight: 700;
}

.swp_image_b02 {
	float: right;
	margin-left: 17px;
	margin-top: -30px;
	width: 220px;
	overflow: visible;
margin-bottom:60px;/*210615*/
margin-top: 5px;/*211007*/
}

.mfg_image_b02 {
	float: right;
	margin-left: 20px;
	margin-top: 15px;
	width: 300px;
	overflow: visible;
	margin-bottom: 100px;/*211007*/
}



/*---------------------- 設置場所・活用方法　3 ----------------------*/
.cat_subheader_b03 {
	margin-top: 40px;
	margin-bottom: 10px;
	padding-left: 20px;
	height: 50px;
	line-height: 50px;
	color: #000;
	font-size: 180%;
	font-weight: 700;
}

.swp_image_b03 {
	float: right;
	margin-left: 20px;
	margin-top: 30px;
	width: 300px;
	overflow: visible;
}

.mfg_image_b03 {
	float: right;
	margin-left: 20px;
	margin-top: -70px;
	width: 170px;
	overflow: visible;
}

/*---------------------- 設置場所・活用方法　4 ----------------------*/
.cat_subheader_b04 {
	margin-top: 50px;
	margin-bottom: 10px;
	padding-left: 20px;
	height: 50px;
	line-height: 50px;
	color: #000;
	font-size: 180%;
	font-weight: 700;
}

.swp_image_b04 {
	float: right;
	margin-left: 17px;
	margin-top: -80px;
	width: 180px;
	overflow: visible;
}









/* ==================================================================================================
　PP加工ページ　pages
================================================================================================== */

.pppro-description-header {
	margin-bottom: 12px;
	position: relative;
	width: 685px;
	height: 192px;
	background: url(images/bg_pppro_header.jpg) no-repeat;
}

.pppro-description-header p {
    position: absolute;
    top: 72px;
    left: 25px;
    width: 280px;
    color: #fff;
}

#img_pppro-01 {
   float:left ;
   margin: 0px 10px 0px 10px;
}

#pppro_text1 {
   font-size: 106%;
}

#img_pppro-02 {
   float:right ;
   margin: 0px 10px 0px 10px;
}

.pppro-aboutsample {
    border: 1px solid #D4D4D4;
    padding: 0 10px;
    background-color: #F7F7F7;
}

.pppro-aboutsample h3 {
    margin: 5px 0px 0px -10px;
    font-size: 14px;
	font-weight: 700;
}






/* ==================================================================================================
　POP一覧カテゴリーページ
================================================================================================== */

.subList {
	width: 683px;
    overflow: hidden;
	margin-bottom: 10px;
}
.subList_title {
	background-image: url(images/bg_category_subTitle2.gif);
	background-repeat: no-repeat;
	padding: 9px 0px 8px 28px;
	font-size: 16px;
	font-weight:700;
	color: #FFFFFF;
}

.subList_title a:hover{
    color:#E48E00;
}

.subList_title a {
    color: #FFF;
}
.subList_box_photo {
	float: left;
	width: 262px;
	margin-top: 1px;
	margin-left: 5px;
}
.subList_box_photo img {
    margin-top: 3px;
}
.subList_box_text {
	float: right;
	width: 414px;
    margin: 0px 0px 0px 2px;
}
.subList_box_text_li {
	background-image: url(images/category_osusume_bg.gif);
	background-repeat: no-repeat;
	padding: 60px 0px 0px 10px;
	height: 203px;
	margin-top: 3px;
	margin-right: 5px;
}
.subList_box_text .osusume li {
    margin: 0 5px 2px 0;
    padding: 7px 0 7px 22px;
    background-image: url(images/category_osusume_point.png);
    background-repeat: no-repeat;
    background-position: left 11px;
    font-weight: 600;
    font-size: 10pt;
    line-height: 1.8em;
}
.under_line1 {
   background-image: url(images/under_line1.png);
   background-repeat: no-repeat;
   background-position: left 17px;
}
.under_line2 {
   background-image: url(images/under_line2.png);
   background-repeat: no-repeat;
   background-position: left 17px;
}
.under_line3 {
   background-image: url(images/under_line2.png);
   background-repeat: no-repeat;
   background-position: left 17px;
}
.under_line4 {
   background-image: url(images/under_line4.png);
   background-repeat: no-repeat;
   background-position: left 17px;
}
.under_line5 {
   background-image: url(images/under_line5.png);
   background-repeat: no-repeat;
   background-position: left 17px;
}
.under_line6 {
   background-image: url(images/under_line6.png);
   background-repeat: no-repeat;
   background-position: left 17px;
}
.under_line7 {
   background-image: url(images/under_line7.png);
   background-repeat: no-repeat;
   background-position: left 17px;
}
.under_line8 {
   background-image: url(images/under_line8.png);
   background-repeat: no-repeat;
   background-position: left 17px;
}
.location {
	font-size: 14px;
	background-image: url(images/category_osusume_place.jpg);
	background-repeat: no-repeat;
	padding: 7px 0px 5px 130px;
	font-weight: 600;
}

/* 商品詳細ページ　画像追加に伴う調整　*/
.product-guide {
	padding-left: 10px;
}


/* 20200217　追加　*/
.header-text{
	width: 900px;
    margin: 0 auto;
}
.breadcrumbs li{
	display: inline-block;
}
.breadcrumbs li:after{
	content: '>';
	padding-left: 4px;
}
.breadcrumbs li:last-child:after{
	content: '';
}
.reduction{
	line-height: 1.6;
}





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


/* ------------------------------------------------------------
 トップへ戻るボタン　210527追加
------------------------------------------------------------ */


.page_top {
    position:fixed;
    bottom:10px;
    right:10px;
    padding: 0px 15px;
   /* padding: 5px 15px; */
    color:#fff;
    font-size:30px;
    text-decoration:none;
    background:#99ccff;
    opacity: 0.5;
  /*  background:#26ADD6; */
    border-radius: 30px;
  /*  -webkit-border-radius: 30px;*/
  /*  -moz-border-radius: 30px;*/
    z-index: 100;


}
.page_top:hover {
    background:#99ccff;
  /*  background:#26ADD6; */
    opacity: 0.7;
}






/* ------------------------------------------------------------
 リンク下線消す　各a:hoverのtext-decoration: underline;を非表示　210601修正
------------------------------------------------------------ */
a {
text-decoration:none;
}



/* ------------------------------------------------------------
 リンク　a:hover色を統一　210601修正
------------------------------------------------------------ */

a:hover {
color:#539BEC;
}

.sitemap-tree ul a:hover {
color:#539BEC;
}

.sitemap-tree li a:hover {
color:#539BEC;
}





/* ------------------------------------------------------------
 テンプレートダウンロードフォーマット　210601修正
------------------------------------------------------------ */


table.dlfile {
	width: 330px;
	border-collapse: collapse;
	/*border-top: 1px gray solid;*/
	/*border-bottom: 1px gray solid;*/
font-size:15px;
}


table.dlfile tr{
	border-bottom: 1px #C0C0C0 solid;
	background: url(./images/bullet_c.png) left center/15px auto no-repeat;
	background-position: left 10px center;

}

table.dlfile td{
	padding: 10px 10px 10px 20px;
	color:#4B4B4B;
	font-weight: bold;
	text-decoration: none;	
}

a.dlfile {
	padding: 6px 35px 10px 0px;
	background: url(./images/icon_download.png) right center/25px auto no-repeat;
	text-decoration: none;
	color:#4B4B4B;
	/*color:#F66A03;*/
	font-size: 90%;
	font-weight: bold;
}

table.dlfile td a:hover {
color:#539BEC;
}

/*------テンプレートファイルはこちら-------*/
.temp_title{
	color:#0000ff;
	font-weight: bold;
	font-size: 130%;	
}



/* ------------------------------------------------------------
 テンプレートファイル（（Adobe Illustrator CC 以降に対応））
------------------------------------------------------------ */

.temp_file_t{
	color:#0000aa;
	font-weight: bold;
	font-size: 17px;
text-align: center;
  padding-top: 10px;
  padding-bottom: 6px;
  border: 1px solid #C0C0C0;
  /*border-radius: 14px;*/
margin-bottom: 5px;
display:block;
line-height: 20px;
/*background-color: #f5f5f5;*/
}

.aics3 {
font-size: 13px;
color: #4B4B4B;
font-weight: 500;
}










/* ------------------------------------------------------------
 ヘッダー固定　210603追加
------------------------------------------------------------ */
	
#header-area {
  position: fixed;/*ヘッダーを固定*/
  z-index: 9999;/*一番前に表示されるように設定*/
  top: 0;/*画面一番上で固定*/
  width: 100%;/*ヘッダーが横幅いっぱいになるように指定*/
  background-color: #fff;/*背景色を指定*/
/*margin-top: 15px;上部の空き*/
}

/*#content-area {
	padding-top: 138px;/#content-area上部の空き
}*/

#sidebar {
	padding-top: 159px;/*#sidebar上部の空き*/
}

#main {
	padding-top: 159px;/*#main上部の空き*/
}






/* ------------------------------------------------------------
 用紙の種類、材質 210603追加
------------------------------------------------------------ */


table.papar_material {
  width: 220px;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 4px;
  /*border: 1px gray solid;*/
  /*border: 1px solid #90C4E9;*/
  border: 1px solid #BFDBFE;
  /*margin-bottom: 8px;*/
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;

}

table.papar_material th {
	/*font-color:gray;*/
	font-size: 90%;
	padding:2px;
	text-align:center;
	/*background-color:#90C4E9;*/
background-color:#BFDBFE;
}

table.papar_material tr td {
	font-weight:bold;
	padding:8px 2px;
	text-align:center;
	/*border-top: 1px gray solid;*/
	/*border-top: 1px solid #B3E5FC;*/
	font-size: 95%;
}






/*210611*/
.main_photo {
	overflow: hidden;
	margin-bottom: 15px;
}

/*210614*/
.product-introduction,.section-indent{
font-size:111%;
}





/* ------------------------------------------------------------
 カテゴリ　pagees　説明文　210614
------------------------------------------------------------ */
.category-description {
    font-size: 115%;
    margin: 0px 30px 20px 30px;
line-height:1.7;
}





/* ------------------------------------------------------------
 swiper 210617追加
------------------------------------------------------------ */

/* 4の倍数＋1枚目のスライドの高さ（1枚目、5枚目…） */
.swiper-slide:nth-child(4n+1) {
	height: 250px;
	line-height: 250px;
}
/* 4の倍数＋2枚目のスライドの高さ（2枚目、6枚目…） */
.swiper-slide:nth-child(4n+2) {
	height: 100px;
	line-height: 100px;
}
/* 4の倍数＋3枚目のスライドの高さ（3枚目、7枚目…） */
.swiper-slide:nth-child(4n+3) {
	height: 200px;
	line-height: 200px;
}
/* 4の倍数＋4枚目のスライドの高さ（4枚目、8枚目…） */
.swiper-slide:nth-child(4n+4) {
	height: 150px;
	line-height: 150px;
}




/* ------------------------------------------------------------
 swpカテゴリー文言カラー 210617修正
------------------------------------------------------------ */

.swp_catch a{
	color: #F66A03;
}

.swp_catch a:hover {
color:#FD9549;
}





/* ------------------------------------------------------------
 TOP売れ筋製品情報タイトルカラー 210618修正
------------------------------------------------------------ */

.popular-title a{
	color: #4B4B4B;
}

.popular-title a:hover{
	color:#539BEC;
}

.header{
height:85px;
}




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

#header-area .contact_btn {
color: #F66A03;
display: block;
width: 120px;
height: 30px;
text-align: center;
line-height: 32px;
background: #fff;
font-weight: 700;
text-decoration: none;
border-radius: 4px;
font-size: 13px;
border: 1px solid #F66A03;
float: left;
margin: 28px 0px 0px 40px;
}



#header-area .contact_btn:hover {
	color: #fff;
background: #F66A03;
transition: .4s;
}




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

#header-area .fsample_btn {
color: #36369d;
display: block;
width: 140px;
height: 30px;
text-align: center;
line-height: 32px;
background: #fff;
font-weight: 700;
text-decoration: none;
border-radius: 4px;
font-size: 13px;
border: 1px solid #36369d;
float: left;
margin: 28px 0px 0px 15px;
}

#header-area .fsample_btn:hover {
	color: #fff;
background: #36369d;
transition: .4s;
}





/* ------------------------------------------------------------
 テンプレートファイルダウンロードページ
------------------------------------------------------------ */


table.templatelist {
	width:685px;
	margin-top: 0px;
	margin-bottom: 100px;
}


.templatelist_thead {
	/*background-color:#99ccff;*/
	background-color:#dddddd;
}


.templatelist_underline {
	border-bottom:1pt solid #C0C0C0;
}


.templatelist_th {
	width:685px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	border-left:1pt solid white;
	font-size:11.0pt;
	font-weight:700;

}

/*------------------商品名-------------------*/
.templatelist td.name_title {
	font-size:15pt;
	font-weight:600;
	color: #14148c;
	padding-top:60px;
	padding-bottom:0px;
}



.templatelist td.name {
	width:35%;
	height:80px;
	font-size:11pt;
	font-weight:600;
	color: #4B4B4B;
	/*padding-top:30px;*/
	padding-left:30px;
	/*padding-bottom:30px;*/
}

.templatelist td.size {
	width:35%;
	font-size:10pt;
	font-weight:400;
	color: #4B4B4B;
	padding:0px 0px 0px 20px;
	/*padding:30px 30px ;*/
}


.download_btn a {
color: #fff;
}


.templatelist td.download_btn {
display: block;
width:30%;
color: #fff;
/*background: #14148c;*/
/*background: #0000aa;*/
background: #F66A03;
/*height: 30px;*/
/*text-align:center;*/
/*vertical-align:middle;*/
/*line-height: 32px;*/
font-weight: 700;
text-decoration: none;
border-radius: 15px;
font-size: 14px;
padding:5px 40px ;
margin: 25px 32px 0px 32px;
}

.templatelist td.download_btn:hover {
/*	color: #fff;
background: #14148c;*/
opacity: 0.7;
transition: .3s;
}


/* ------------------------------------------------------------
 テンプレートデータボタン（サイドメニュー）
------------------------------------------------------------ */


.tempfile_btn ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}

.tempfile_btn li{ 
display: inline-block; 
padding: 0; 
margin: 0;
}

.tempfile_btn li a{
display: block;
/*border: 1px solid #9F99A3;*/
/*background: #0000aa;*/
background: #F66A03;

/*padding-top: 20px;*/
margin-top: 20px;

text-decoration: none;
text-align: center;

font-size: 17px;
font-weight: 600;
color: #fff;

width: 200px;
height: 60px; 

line-height: 62px;
border-radius: 6px;
/*text-align:10;*/
}


.tempfile_btn li a:hover{
opacity: 0.7;
transition: .3s;
}




/* ------------------------------------------------------------
 矢印
------------------------------------------------------------ */




.arrow_r_a {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  color: #F66A03;
  text-decoration: none;
}
.arrow_r_a:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #F66A03;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -3px;
  margin-top: -9px;
}
.arrow_r_a:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -4px;
  transform: rotate(45deg);
}



/*---------------------------------
タイトルつき囲み枠
--------------------------------*/
.product-introduction .point-box {
  position: relative;
  border: 2px solid #CBCBCB; /* 枠の太さ・種類・色 */
  border-radius: 10px; /* 枠の丸み */
  margin: 1.5em 1em; /* 枠外の余白 */
  padding: 23px 15px 0px 15px;
}

.product-introduction .point-title {
 position: absolute;
  padding: 0.05em;
  /*text-align: center;*/
  left: 20px;
  top: -11px; /* タイトルの位置を調整 */
  color: #555555; /* タイトルの文字色 */
  font-weight: bold;
  font-size:1.1em; /* タイトルの文字サイズ */
  background-color: #ffffff;
}


.section-indent .product-guide .point-box {
  position: relative;
  border: 2px solid #CBCBCB; /* 枠の太さ・種類・色 */
  border-radius: 10px; /* 枠の丸み */
  margin: 1.5em 1em; /* 枠外の余白 */
  padding: 23px 15px 15px 15px;
}

.section-indent .product-guide .point-title {
 position: absolute;
  padding: 0.05em 0.3em 0.05em 0.8em;
  /*text-align: center;*/
  left: 70px;
  top: -11px; /* タイトルの位置を調整 */
  color: #555555; /* タイトルの文字色 */
  font-weight: bold;
  font-size:1.1em; /* タイトルの文字サイズ */
  background-color: #ffffff;
}