@charset "shift_jis";
@import url(/js/lnav/lnav.css);

/*=========================================*/
/*reset*/
/*=========================================*/
body, div, p, h1, h2, h3, h4, h5, h6, table, tr, th, td, fieldset, pre, code, ul, ol, li, dl, dt, dd, textarea, blockquote, address, caption, form {
font-family:"ＭＳ Ｐゴシック", "MS P Gothic",  Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" sans-serif;
list-style:none;
line-height:1.4;
border-collapse:collapse;
margin:0;
padding:0;
}
a:link, a:visited, a:active { color:#003399; text-decoration:none; }
a:visited { color:#880088; }
a:hover { text-decoration:underline; }
img { border:0; }

/*=========================================*/
/*layout*/
/*=========================================*/
body {
text-align:center;
font-size:80%;
}
html>/**/body { font-size:13px; }/*~ie7*/

#page {
text-align:left;
width:950px;
margin:0 auto;
}

#header { position:relative; }

#path {
color:#222;
font-size:12px;
padding:12px 0 8px 0;/*現行に見た目合わせる*/
float:left;
display:inline;/*ie6*/
width:740px;
}
#path ul li {
list-style:none;
padding-right:3px;
display:inline;
}
#path ul li.visited {
text-decoration:underline;
}
#path ul li {
list-style:none;
padding-right:3px;
display:inline;
}
#path ul li.visited {
text-decoration:underline;
}

#contents, #contents_w {
overflow:hidden;
display:inline;/*ie6*/
}
#contents { width:750px; float:right; }
#contents_w { width:950px; float:left; }
#contents .section, #contents_w .section {
margin-bottom:15px;
overflow:hidden;
_zoom:1;
clear:both;
}


/*=========================================*/
/*font & parts*/
/*=========================================*/
/* float misc.
-----------------------------------------*/
.left { float:left; }
.right { float:right; }
.center { margin:0 auto; }
.clear { clear:both; }
.clearfix {
overflow:hidden;
_zoom:1;/*ie6*/
}

/* text-decoration
-----------------------------------------*/
.t10 { font-size:10px; }
.t12 { font-size:12px; }
.t14 { font-size:14px; }
.t16 { font-size:16px; }
.t18 { font-size:18px; }
.t20 { font-size:20px; }
.t24 { font-size:24px; }
.t_large { font-size:1.2em; }
.t_small { font-size:0.9em; }

.t_wht { color:#fff; }
.t_yel { color:#f90; }
.t_red { color:#f00; }
.t_gry { color:#666; }
.t_grn { color:#060; }
.t_brw { color:#600; }
.t_blu { color:#06f; }

.t_left { text-align:left; }
.t_right { text-align:right; }
.t_center { text-align:center; }

.t_bold { font-weight:bold; }
.t_normal { font-weight:normal; }
.t_u { text-decoration:underline; }
.t_s { text-decoration:line-through; }

/* margin, padding
-----------------------------------------*/
.mt05 { margin-top: 5px!important; }
.mt10 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt60 { margin-top:60px!important; }

.mb05 { margin-bottom: 5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }

.pt05 { padding-top: 5px!important; }
.pt10 { padding-top:10px!important; }
.pt20 { padding-top:20px!important; }
.pt30 { padding-top:30px!important; }
.pt40 { padding-top:40px!important; }
.pt50 { padding-top:50px!important; }
.pt60 { padding-top:60px!important; }

.pb05 { padding-bottom: 5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }
.pb40 { padding-bottom:40px!important; }
.pb50 { padding-bottom:50px!important; }
.pb60 { padding-bottom:60px!important; }

/* parts
-----------------------------------------*/
h1, h2, h3, h4 { font-weight:bold; }
h1 { font-size:20px; }
h2 { font-size:16px; }
h3 { font-size:12px; }
h4 { font-size:10px; }

h1.h1 {/*ページ最上部のh1*/
color:#666666;
font-size:10px;
font-weight:normal;
text-align:right;
}

.button a:hover {/*aと対象が入る要素に指定*/
position:relative;
top:1px;
left:1px;
}

/*=========================================*/
/* grid_system */
/*=========================================*/
.wrap_grid {
width:740px;
overflow:hidden;
zoom:1;
}
.grid3_1, .grid3_2, .grid4_1, .grid4_2, .grid4_3, .grid5_1, .grid5_2, .grid5_3, .grid5_4,
.grid6_1, .grid6_2, .grid6_3, .grid6_4, .grid6_5 {
float:left;
position:relative;
overflow:hidden;
zoom:1;
}
.grid3_1, .grid3_2, .grid6_1, .grid6_2, .grid6_3, .grid6_4, .grid6_5 { margin:0 0 0 22px; }
.grid4_1, .grid4_2, .grid4_3, .grid5_1, .grid5_2, .grid5_3, .grid5_4 { margin:0 0 0 20px; }
.grid3_1 { width:232px; }
.grid3_2 { width:486px; }
.grid4_1 { width:170px; }
.grid4_2 { width:360px; }
.grid4_3 { width:550px; }
.grid5_1 { width:132px; }
.grid5_2 { width:284px; }
.grid5_3 { width:436px; }
.grid5_4 { width:588px; }
.grid6_1 { width:105px; }
.grid6_2 { width:232px; }
.grid6_3 { width:359px; }
.grid6_4 { width:486px; }
.grid6_5 { width:613px; }
.grid_first { margin:0 0 0 0; clear:left; }

/*=========================================*/
/*mk_nav hira100826*/
/*=========================================*/
#mk_nav940, #mk_nav740 {
border:1px solid #999999;
margin:10px auto;
overflow:hidden;
_zoom:1;
}
.mk_nav_top {
width:138px;
float:left;
}
#mk_nav_inner {
padding:2px 0;
float:left;
overflow:hidden;
_zoom:1;
}
#mk_nav_inner a {
width:194px;
padding:2px 3px;
_padding:2px;/* ie6 */
float:left;
}
#mk_nav_inner a:hover { position:relative; top:1px; left:1px; }
#mk_nav940 { width:940px; } #mk_nav940 #mk_nav_inner { width:800px; }
#mk_nav740 { width:740px; } #mk_nav740 #mk_nav_inner { width:600px; }


/*=========================================*/
/* カタログ更新情報ブロック用 2016_0225*/
/*=========================================*/
#new_catalog_notice{
	margin-left:20px;
	width:700px;
}
#new_catalog_notice .ncn_sp_b,#new_catalog_notice .ncn_sp_ib{
	display:none;
}
#new_catalog_notice .ncn_dsp_no{display:none;}
#new_catalog_notice .ncn_t_grn{color:#00A78E;}
#new_catalog_notice > .ncn_title{
	display:inline-block;
	padding:4px 20px 2px;
	color:#FFF;
	background:#00A78E;
}
#new_catalog_notice .ncn_body{
	padding:10px;
	border:1px solid #00A78E;
}
#new_catalog_notice .ncn_left_bx{
	float:left;
	width:533px;
	margin-right:10px;
}
#new_catalog_notice .ncn_right_bx{
	float:left;
	position: relative;
	width:133px;
	overflow: hidden;
	padding:5px 0;
	text-align:center;
	border:1px solid #FFF;
	border-radius:6px;
	background:#CCC;
}
#new_catalog_notice .ncn_right_bx .icn_new{
	position:absolute;
	width:100%;
	top:10px;
	left:-40px;
	color:#FFF;
	background:#F00;
	padding-top:1px;
	transform:rotate(-30deg);
}
#new_catalog_notice .ncn_right_bx a:visited{color:#333;}
#new_catalog_notice .ncn_right_bx span{display:block;}
#new_catalog_notice img{
	border:1px solid #FFF;
	box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}


#new_catalog_notice .ncn_btn_bx{
	padding:10px;
	text-align:center;
	border:1px solid #BBB;
	background:#EEE;
}
#new_catalog_notice .ncn_btn_bx .ncn_btn_blk{
	margin-top:10px;
}
#new_catalog_notice .ncn_form_btn1,#new_catalog_notice .ncn_sp_btn1{
	display:inline-block;
	width:150px;
	padding:8px 0;
	color:#FFF;
	border-radius:7px;
	text-decoration: none;
	border-bottom:4px solid #888;
	box-shadow: 0 1px 6px rgba(0,0,0,0.3);
	background: #cd3e45;
	background: -moz-linear-gradient(top, #cd3e45 0%, #a40000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd3e45), color-stop(100%,#a40000));
	background: -webkit-linear-gradient(top, #cd3e45 0%,#a40000 100%);
	background: -o-linear-gradient(top, #cd3e45 0%,#a40000 100%);
	background: -ms-linear-gradient(top, #cd3e45 0%,#a40000 100%);
	background: linear-gradient(to bottom, #cd3e45 0%,#a40000 100%);
}
#new_catalog_notice .ncn_sp_btn1, #new_catalog_notice .ncn_sp_btn2{
	text-decoration: none;
	color: #000;
	font-weight: normal;
	padding: 7px;
	border:1px solid #CCC;
	border-bottom:2px solid #999;
	border-radius:4px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	background: #FFF;
	background: -moz-linear-gradient(top, #FFF 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#e1e1e1));
	background: -webkit-linear-gradient(top, #FFF 0%,#e1e1e1 100%);
	background: -o-linear-gradient(top, #FFF 0%,#e1e1e1 100%);
	background: -ms-linear-gradient(top, #FFF 0%,#e1e1e1 100%);
	background: linear-gradient(to bottom, #FFF 0%,#e1e1e1 100%);
}
#new_catalog_notice .ncn_form_btn1:first-child{margin-right:10px;}
#new_catalog_notice .ncn_sp_btn2{display:block;}


@media (max-width: 420px){
	#new_catalog_notice{
		margin-left:0;
		width:100%;
	}
	#new_catalog_notice .ncn_sp_b{
		display:block;
	}
	#new_catalog_notice .ncn_sp_ib{
		display:inline-block;
	}
	#new_catalog_notice .ncn_sp_dsp_no{display:none;}
	#new_catalog_notice .ncn_left_bx{
		float:none;
		width:100%;
		margin-right:0;
	}
	#new_catalog_notice .ncn_btn_bx .ncn_btn_blk{
		text-align:center;
	}
	#new_catalog_notice .ncn_form_btn1{
		width:60%;
		font-size:1.2em;
		padding:1em 0;
	}
	#new_catalog_notice .ncn_sp_btn1{
		width:75%;
		font-size:1.2em;
		padding:1em;
	}
	#new_catalog_notice .ncn_form_btn1:first-child{
		margin:0 0 1.5em 0;
	}
	#new_catalog_notice .ncn_right_bx{
		width:75%;
		float:none;
		margin:1.5em auto;
	}
}


/*=========================================*/
/*flowchart 20161107*/
/*=========================================*/
.flowchart_order{
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	overflow: hidden;
	margin:10px 0 20px;
}
.flowchart_order li{
	display:inline-block;
	border:1px #b3b3b3 solid;
	padding:5px 8px 3px;
	width:105px;
	background:#f8fbf8;
	text-align:center;
	font-size:12px;
}
.flowchart_order p.flowchart_nagare{
	font-size:16px;
	font-weight:600;
	color:#333;
	border-bottom:1px #666 solid;
	margin:0 5px 5px;
}
.flowchart_order p.flowchart_step{
	border-radius:4px;
	font-weight:600;
	background:#808080;
	color:#fff;
	padding:3px 6px;
	margin:0 auto 5px;
	width:70%;
}
.flowchart_order p.flowchart_main{
	font-size:15px;
	font-weight:600;
	margin:3px 0 0;
	color:#4d4d4d;
}
@media screen and (max-width: 480px) {
	.flowchart_order li{width:30%;padding:8px 4px;}
}


/*=========================================*/
/*HEADER＆FOOTER*/
/*=========================================*/
.mtsw_guide_part01{
	width:960px;
	margin:0 auto;
}
.header_parts_quarter,.header_parts_half,.footer_parts_quarter,.footer_parts_third{
	float:left;
	position:relative;
	overflow:hidden;
	zoom:1;
}
/* HEADER */
#HEADER_NEW{
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	background:#f5f5f5;
	overflow:hidden;
	_zoom:1;
	border-top:5px #333 solid;
	border-bottom:1px #666 solid;
	padding:0;
}
#HEADER_NEW a{ color:#000;}
#HEADER_NEW a:hover{ text-decoration:none;}
#HEADER_NEW a:hover img {opacity:0.7;filter:alpha(opacity=70);zoom:1;}
.header_parts_quarter{
	margin:10px 0 8px;
	max-width:235px;
	text-align:left;
}
.header_parts_quarter span{
	display:block;
	text-align:center;
	line-height:2em;
}
.header_parts_quarter span.headmoji{letter-spacing:0.3em;}
.header_parts_half{
	margin:8px 0 0;
	width:48%;
	text-align:right;
}
.header_minimenu li{
	display:inline-block;
	background:#fff;
	font-size:10px;
	text-align:center;
	padding:3px 5px 2px;
	border-radius:3px;
	border:1px #808080 solid;
	width:14%;
	margin-left:8px;
}
.header_minimenu li a{
	display:block;
	text-decoration:none;
	color:#eee;
}
.header_minimenu li.mtmr{
	background:#fff0f0;
	border:1px #a40000 solid;
}
.header_minimenu li.guide{
	background:#f7ffef;
	border:1px #0d7860 solid;
}

/* FOOTER */
#FOOTER_NEW{
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	padding:20px 0 10px;
	clear:both;
	background:#f5f5f5;
}
.footer_parts_quarter{
	margin:0 0 15px 0;
	width:235px;
	text-align:left;
	font-size:13px;
}
.footer_parts_quarter dt{
	font-weight:600;
	margin:5px 0;
}
.mtsw_guide_mokuji{
	border-bottom:1px #333 dotted;
	width:95%;
	margin:10px 0 5px;
}
.mtsw_guide_mokuji a{font-size:11px;}
.mtsw_guide_part02{
	overflow:hidden;
	zoom:1;
	width:100%;
	background:#fff;
	border-top:1px #b3b3b3 solid;
	border-bottom:1px #b3b3b3 solid;
}
.mtsw_guide_part03 {
	width:960px;
	margin:0 auto;
	text-align:left;
	clear:both;
	font-size:12px;
}
.footer_parts_third{
	margin:0 20px 20px 0;
	width:300px;
}
#FOOTER_NEW p.matu_coryright{
	font-size:10px;
	margin:5px 0 10px;
	text-align:center;
}
/* calendar */
#ns_calendar div.sch_date                  { font-weight:bold;text-align:center;margin-top:5px;color:#333;font-size:13px;}
#ns_calendar div.sch_table                 { overflow:hidden;_zoom:1; }
#ns_calendar table.calendar                { border:none; border-collapse:collapse; width:265px; margin:0 auto; }
#ns_calendar table.calendar td             { color:#666; background:#FFF; border:1px solid #CCC; text-align:center; width:37px; margin:0; padding:0 auto; line-height:1.5em; }
#ns_calendar table.calendar tr.week td     { color:#FFF; background:#666;}
#ns_calendar table.calendar .close         { color:#D11; background:#FADBDA; }

@media screen and (max-width: 480px) {
	.mtsw_guide_part01,.mtsw_guide_part02,.mtsw_guide_part03,.header_parts_quarter img{width:100%;}
	#HEADER_NEW{border-bottom:none;}
	.header_parts_quarter,.footer_parts_quarter{padding:0 0 0 1%;width:48%;}
	.header_parts_half{width:100%;text-align:center;margin:0 0 8px;}
	.header_parts_quarter span{line-height:1em;font-size:10px;}
	.header_parts_quarter span.headmoji{letter-spacing:normal;}
	.header_minimenu li{padding:2px;margin:0;width:23%;border-radius:0;}
	.header_minimenu li.mob_delete{display:none;}
	.header_minimenu li img{width:30%;}
	.footer_parts_third{width:96%;margin:0 0 0 0.5em;}
	.footer_parts_quarter img,.footer_parts_third img{width:90%;}
	.footer_parts_third div.secured{width:30%;}
	img.footer_logo{width:50%;}
}


/*=========================================*/
/* googleカスタム検索フォーム 20170401*/
/*=========================================*/
#HEADER_NEW #google_search{
	width:90%;
	margin:10px 0 7px;
	position:relative;
	bottom:0;
}
#HEADER_NEW #google_search #gsc-iw-id1{border:1px #ccc solid;width:95%;height:30px;
}
#HEADER_NEW #google_search .gsc-search-button input.gsc-search-button-v2{
	position:absolute;
	right:0;
	top:-2px;
	padding:9px 10px 8px;
	width:3%;
}
#HEADER_NEW #google_search input.gsc-input {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}
@media screen and (max-width: 480px) {
	#HEADER_NEW #google_search{
		width:96%;
		margin:10px 5px 0 0;
		display:none;
	}
}


/*=========================================*/
/*スマホ表示に切り替え*/
/*=========================================*/
.switch_btn {
	display:none;
	padding:20px 0;
	text-align:center;
	background-color:rgba(0,0,0,0.4);
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:1000;
}
.switch_btn .btnSP {
	display:inline-block;
	padding:10px 20px;
	background-color:#E5E5E5;
	border-radius:3px;
	cursor:pointer;
	font-size:30px;
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.2),
		1px 1px 0 0 rgba(225,225,225,0.2) inset;
	margin:0 10px;
}
.switch_btn .btnSP:hover {
	background-color:#F9F9F9;
}
.switch_btn .btnSP i {font-size:50px;}
#pc_switch{display:none;margin:10px 0 20px;}

@media screen and (max-width: 480px) {
	#pc_switch{display:block;width:100%;font-family:"メイリオ", Meiryo, Osaka, sans-serif, Helvetica;}
}