@charset "UTF-8";
/*
Theme Name:ニッポー株式会社
Theme URI:http://www.narts.jp/
Description:ニッポー株式会社用テーマ
Author:ニッポー株式会社
Author URI:http://www.narts.jp/
Version:1.0
*/

/****************************************

	セッティング

*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

img{
	vertical-align:bottom;
	}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
	font-size:15px;
	line-height:1.4;
	background-color:#FFFFFF;
	-webkit-text-size-adjust:100%;
	}

a{color:#0085CB; text-decoration:none;}
a:hover{color:#0085CB; text-decoration:underline;}


/* For modern browsers */
.clearfix:before,
.clearfix:after{
    content:"";
    display:block;
    overflow:hidden;
	}
.clearfix:after{
    clear:both;
	}
/* For IE 6/7 (trigger hasLayout) */
.clearfix{
    zoom:1;
	}



/*************************************************************

	サイズ調整

*************************************************************/
.taL {text-align:left !important;}
.taC {text-align:center !important;}
.taR {text-align:right !important;}
.uLine {text-decoration: underline !important;}
.vaTop {vertical-align: top !important;}
.vaMid {vertical-align: middle !important;}
.vaBot {vertical-align: bottom !important;}

.mt05{margin-top:5px !important;}		.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}		.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}		.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}		.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}		.mt50{margin-top:50px !important;}

.mb05{margin-bottom:5px !important;}	.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}	.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}	.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}	.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}	.mb50{margin-bottom:50px !important;}

.ml05{margin-left:5px !important;}		.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}		.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}		.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}		.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}		.ml50{margin-left:50px !important;}

.mr05{margin-right:5px !important;}		.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}	.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}	.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}	.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}	.mr50{margin-right:50px !important;}

.pt05{padding-top:5px !important;}		.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}		.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}		.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}		.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}		.pt50{padding-top:50px !important;}

.pb05{padding-bottom:5px !important;}	.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}	.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}	.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}	.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}	.pb50{padding-bottom:50px !important;}

.pl05{padding-left:5px !important;}		.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}	.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}	.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}	.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}	.pl50{padding-left:50px !important;}

.pr05{padding-right:5px !important;}	.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}	.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}	.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}	.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}	.pr50{padding-right:50px !important;}

.fs10{font-size:10px !important;}		.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}		.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}		.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}		.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}		.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}
.fB{font-weight:bold !important;}
.fwN{font-weight:normal !important;}

.lh12{line-height:1.2;}		.lh13{line-height:1.3;}
.lh14{line-height:1.4;}		.lh15{line-height:1.5;}
.lh16{line-height:1.6;}		.lh17{line-height:1.7;}
.lh18{line-height:1.8;}		.lh19{line-height:1.9;}
.lh20{line-height:2.0;}

.fL{float:left;}
.fR{float:right;}
.clear{clear:both;}

.tRed{color:#E60012;}

.movie_box{text-align:center; padding:0 0 56.25% 0; position:relative; width:100%;}
.movie_box iframe{position:absolute; top:0; right:0; width:100% !important; height:100% !important;}

.image_box{padding:4px; border:1px solid #CCCCCC;}

.no_display{display:none;}



@media screen and (min-width: 769px){



/****************************************

	ヘッダ

*****************************************/
header{min-width:1000px;}
#header{width:1000px; margin:0 auto;}

#logo{width:616px; float:left;}
h1{padding:20px 0 4px 0;}

#header_side{width:384px; float:left;}
#header_side ul{margin:20px 0 0 0; background:#00892D; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
#header_side ul li{float:left; line-height:1.0;}
#header_side ul li#header_tel{padding:9px 9px 9px 10px;}
#header_side ul li#header_fax{padding:4px 4px 4px 0;}



/****************************************

	ナビゲーション

*****************************************/
#navi{min-width:1000px; width:1000px; margin:0 auto 1px auto; border-bottom:5px solid #D9D9D9;}

#navi_toggle{display:none;}
#navi_menu{}

#navi ul{width:1000px; margin:0 auto;}
#navi ul li{float:left;}



/****************************************

	ビジュアル

*****************************************/
#mainvisual{width:1000px; margin:0 auto; padding: 0 0 30px 0;}

#subvisual{min-width:1000px; width:1000px; margin:0 auto 40px auto; position:relative; background-image:url("images/common/bg_visual_01.jpg"); background-repeat:no-repeat; background-position:top left; height:155px;}
#subvisual h2{padding:0 45px 0 45px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-size:26px; line-height:1.2; color:#000000; font-weight:bold; -moz-text-shadow:0px 0px 5px rgba(255, 255, 255, 0.8); -webkit-text-shadow:0px 0px 5px rgba(255, 255, 255, 0.8); -ms-text-shadow:0px 0px 5px rgba(255, 255, 255, 0.8); text-shadow:0px 0px 5px rgba(255, 255, 255, 0.8);}



/****************************************

	フッター

*****************************************/
footer{min-width:1000px;}
#footer{border-top:1px solid #009933; background:#F2FAF5;}
#footer_inner{width:1000px; margin:0 auto; padding:25px 0 20px 0;}

#footer_link ul{background-image:url("images/common/bg_footer_01.gif"); background-repeat:repeat-x; background-position:left bottom; padding:0 0 25px 0; text-align:center; font-size:0;/* リスト同士の隙間発生を回避 */}
#footer_link ul li{display:inline; color:#333333; font-size:15px;/* 上記のバグ回避後のサイズ再設定 */ line-height:1.2; padding-right:12px; margin-right:12px; border-right:1px solid #333333;}
#footer_link ul li a{color:#333333; text-decoration:none;}
#footer_link ul li a:hover{color:#333333; text-decoration:underline;}
#footer_link ul li.last{border:none; padding-right:0; margin-right:0;}

#footer_logo{text-align:center; padding:20px 0 20px 0;}
#footer_address{background-image:url("images/common/bg_footer_01.gif"); background-repeat:repeat-x; background-position:left bottom; text-align:center; padding:0 0 20px 0; color:#333333; font-size:14px; line-height:1.6;}

#footer_copyright{}
#footer_copyright p{text-align:center; padding:20px 0 0 0; color:#333333; font-size:12px; line-height:1.6;}



/****************************************

	テンプレート

*****************************************/
#contents{min-width:1000px; background-image:url("images/common/bg_contents_01.png"); background-repeat:repeat-x; background-position:left top;}
#contents_inner{width:1000px; margin:0 auto;}


#main_tower{width:730px; float:right;}
#side_tower{width:240px; float:left;}

#side_contact{margin:0 0 20px 0;}
#side_contact p#side_title{background:#009933; padding:15px 5px; text-align:center; color:#FFFFFF; font-size:14px; line-height:1.2; font-weight:bold;}
#side_contact p#tel{border-bottom:1px dotted #CCCCCC; text-align:center;}
#side_contact p#fax{border-bottom:1px dotted #CCCCCC; text-align:center;}
#side_contact p#contact{border-bottom:1px dotted #CCCCCC; text-align:center;}
#side_contact p#iso9001{padding:20px 0 20px 0; text-align:center;}

#side_menu{margin:0 0 30px 0;}
#side_menu ul{border-top:1px solid #009933;}
#side_menu ul li{}
#side_menu ul li a{display:block; background:#FBFAF8; padding:15px 30px 15px 15px; color:#333333; text-decoration:none; background-image:url("images/common/prt_side_arrow_01.png"); background-repeat:no-repeat; background-position:right center; border-bottom:1px solid #CCCCCC;}
#side_menu ul li a:hover{background:#F1EEE8; padding:15px 30px 15px 15px; color:#333333; text-decoration:none; background-image:url("images/common/prt_side_arrow_01.png"); background-repeat:no-repeat; background-position:right center; border-bottom:1px solid #CCCCCC;}
#side_menu ul li ul{border-top:none;}
#side_menu ul li ul li a{display:block; background:#FDFCFB; padding:10px 10px 10px 30px; color:#333333; text-decoration:none; background-image:url("images/common/prt_side_arrow_02.png"); background-repeat:no-repeat; background-position:10px center; border-bottom:1px solid #CCCCCC;}
#side_menu ul li ul li a:hover{background:#F4EFEA; padding:10px 10px 10px 30px; color:#333333; text-decoration:none; background-image:url("images/common/prt_side_arrow_02.png"); background-repeat:no-repeat; background-position:10px center; border-bottom:1px solid #CCCCCC;}


#pagetop{position:fixed; bottom:30px; right:30px; font-size:77%; z-index:9999;}
#pagetop a{background-image:url("images/common/pagetop.png"); background-repeat:no-repeat; background-position:left top; display:block; width:60px; height:60px;}


.post_contact{margin:40px 0 50px 0; border:1px solid #34AD5C; background:#F2FAF5;clear:both;}
.post_contact p.txt{margin:0 !important; padding:24px 0 24px 0 !important; text-align:center !important; color:#36AE5E !important; font-size:18px !important; line-height:1.4 !important; font-weight:bold !important;}
.post_contact ul{padding:0 !important; margin:0 19px 19px 19px !important;}
.post_contact ul li{float:left; margin:0 18px 0 0; padding:0 !important; background-image:none !important;}
.post_contact ul li.last{margin:0;}


#main_tower h2{border-top:2px solid #009933; border-bottom:1px solid #CCCCCC; border-left:8px solid #009933; padding:15px 20px 15px 15px; color:#333333; font-size:20px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}

#main_tower h3{border-bottom:1px solid #009933; background:#F2F1EB; padding:10px 15px; color:#333333; font-size:20px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}

#main_tower h4{border-bottom:1px dotted #009933; padding:10px 15px; color:#333333; font-size:18px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}

#main_tower h5{border-left:3px solid #009933; padding:0 10px; color:#333333; font-size:16px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}

#main_tower p{margin:0 0 20px 0; color:#333333; font-size:15px; line-height:1.6;}

#main_tower table{margin:0 0 20px 0; border-collapse:collapse; border:1px solid #35AD5D;}
#main_tower table th{background-color:#F3F1EA; padding:9px; border:1px solid #35AD5D; border-right:none; color:#333333; font-weight:normal; font-size:15px; text-align:left;}
#main_tower table td{background-color:#FFFFFF; padding:9px; border:1px solid #35AD5D; border-left:none; color:#333333; font-size:15px;}

#main_tower ul{padding:0 0 20px 0; color:#333333; font-size:15px; line-height:1.6;}
#main_tower ul li{background-image:url("images/common/prt_arrow_03.png"); background-position:left 7px; background-repeat:no-repeat; padding:0 0 0 15px;}
#main_tower ul li ul{padding:0}
#main_tower ul li ul li{background-image:url("images/common/prt_arrow_04.png"); background-position:5px 10px; background-repeat:no-repeat; padding:0 0 0 15px;}

#main_tower table ul{padding:0; color:#333333; font-size:15px; line-height:1.6;}
#main_tower table ul li{background-image:url("images/common/prt_arrow_03.png"); background-position:left 7px; background-repeat:no-repeat; padding:0 0 0 15px;}
#main_tower table ul li ul{padding:0}
#main_tower table ul li ul li{background-image:url("images/common/prt_arrow_04.png"); background-position:5px 10px; background-repeat:no-repeat; padding:0 0 0 15px;}

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

.alignright{float:right; margin:0 0 20px 20px;}
.aligncenter{clear:both; display:block; margin:0 auto 20px auto;}
.alignleft{float:left; margin:0 20px 20px 0;}

.breadcrumbs{color:#444444; font-size:15px; padding:0 0 20px 0;}
.breadcrumbs a{text-decoration:underline;}
.breadcrumbs a:hover{text-decoration:none;}

.post_time{text-align:right; margin:0 0 15px 0;}
.wp-pagenavi{text-align:center; padding:30px 0;}



/****************************************

	トップページ

*****************************************/
#top_tower{width:730px; float:right;}


#top_product{width:730px; margin:0 auto;}
#top_product h2{border-top:2px solid #009933; border-bottom:1px solid #CCCCCC; border-left:8px solid #009933; padding:15px 20px 15px 15px; color:#333333; font-size:20px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}
#top_product_box{}
#top_product_box ul{width:740px; margin:0 -10px 20px 0; overflow:hidden; _zoom:1;}
#top_product_box ul li{float:left; width:175px; margin:0 10px 0 0; padding:0; background-image:none;}
#top_product_box ul li p{}
#top_product_box ul li p.image{padding:4px; border:1px solid #EFEFEF; width:165px; margin:0 0 10px;}
#top_product_box ul li p.image:hover{border:1px solid #009933;}
#top_product_box ul li p.linktxt{background-image:url("images/common/prt_arrow_01.png"); background-repeat:no-repeat; background-position:left 6px; padding:0 0 0 10px; color:#333333; font-size:13px; line-height:1.6;}
#top_product p.btn{text-align:right; padding:0 0 40px 0;}


#top_nb{width:730px; margin:0 auto;}
#top_nb h2{border-top:2px solid #009933; border-bottom:1px solid #CCCCCC; border-left:8px solid #009933; padding:15px 20px 15px 15px; color:#333333; font-size:20px; line-height:1.2; font-weight:normal; margin:0 0 20px 0;}

#top_nb_box{}
#top_nb_box ul{width:750px; margin:0 -20px 20px 0; overflow:hidden; _zoom:1;}
#top_nb_box ul li{float:left; width:230px; margin:0 20px 0 0; padding:0; background-image:none;}
#top_nb_box ul li p{}
#top_nb_box ul li p.image{padding:4px; border:1px solid #EFEFEF; width:220px; margin:0 0 10px 0;}
#top_nb_box ul li p.image:hover{border:1px solid #009933;}
#top_nb_box ul li p.linktxt{background-image:url("images/common/prt_arrow_01.png"); background-repeat:no-repeat; background-position:left 6px; padding:0 0 0 10px; color:#333333; font-size:13px; line-height:1.6;}

#top_nb_box2{}
#top_nb_box2 ul{width:100%; margin:0 0 20px 0;}
#top_nb_box2 ul li{float:left; width:49%; margin:0 2% 0 0; padding:0; background-image:none;}
#top_nb_box2 ul li:last-of-type{margin:0 0 0 0;}
#top_nb_box2 ul li p{}
#top_nb_box2 ul li p.image{padding:4px; border:1px solid #EFEFEF; margin:0 0 10px 0;}
#top_nb_box2 ul li p.image:hover{border:1px solid #009933;}
#top_nb_box2 ul li p.image img{width:100%;}
#top_nb_box2 ul li p.linktxt{background-image:url("images/common/prt_arrow_01.png"); background-repeat:no-repeat; background-position:left 6px; padding:0 0 0 10px; color:#333333; font-size:13px; line-height:1.6;}

#top_nb p.btn{text-align:right; padding:0 0 40px 0;}


#top_section{width:730px; margin:0 auto;}
#top_section ul{width:750px; margin:0 -20px 40px 0; overflow:hidden; _zoom:1;}
#top_section ul li{float:left; width:355px; margin:0 20px 0 0;}


#top_news{}
#top_news h2{border-top:2px solid #009933; border-bottom:1px solid #CCCCCC; border-left:8px solid #009933; padding:15px 20px 15px 15px; color:#333333; font-size:20px; line-height:1.2; font-weight:normal; margin:0 0 10px 0;}
#top_news dl{font-size:15px;}
#top_news dt{float:left; width:120px; padding-top:12px; color:#333333; font-weight:normal;}
#top_news dd{padding-top:12px; padding-bottom:10px; padding-left:120px; border-bottom:1px dotted #CCCCCC; color:#0085CB;}
#top_news dd a{color:#0085CB; text-decoration:none;}
#top_news dd a:hover{color:#0085CB; text-decoration:underline;}
#top_news p.btn{text-align:right; padding:20px 0 40px 0;}



/****************************************

	商品情報

*****************************************/
.nb_box{width:730px; margin:0 auto 20px auto;}

.nb_box_image{float:left; width:230px;}
.nb_box_image p.image{padding:4px; border:1px solid #EFEFEF; width:220px;}
.nb_box_image p.image:hover{border:1px solid #009933;}

.nb_box_info{float:right; width:480px;}
.nb_box_info p{}







/****************************************

	お問い合わせ（contact form 7周り調整）

*****************************************/
.wpcf7-list-item{margin:5px 0 5px 0; display:block;}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	padding:0.5em;
	box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.15);
	background:#FCFCFC;
	border:#999 1px solid;
	color:#222;
	font-size:14px;
	max-width: 90%;
}
.wpcf7 input[type=submit],
.wpcf7 input[type=reset],
.wpcf7 input[type=button] {
	padding:4px 15px;
	border-radius:15px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#F8F8F8;
	background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
	background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
	background:-o-linear-gradient(#FCFCFC, #F3F3F3);
	background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
	background:linear-gradient(#FCFCFC, #F3F3F3);
	border:#bbb 1px solid;
	color:#444;
	font-size:13px;
}
.wpcf7 input[type=submit]:hover,
.wpcf7 input[type=reset]:hover,
.wpcf7 input[type=button]:hover {
	box-shadow:#aaa 0 0 5px;
}



/****************************************

	以下レスポンシブ　記述終了用　削除禁止

*****************************************/
}