@charset "utf-8";


/* reset
---------------------------------------------------------------------*/
html{
	position:relative;
	height:100%;
	overflow: auto;
}
body{
	height: auto;
	overflow: hidden;
	color:#444;
	font-family:"30e130a430ea30aa",Meiryo,Verdana,sans-serif;
	font-size:12px;
	line-height:18px;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{
    margin:0;
    padding:0;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img{
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight:normal;
}
dt,ol,ul,li,dt,dd{
	list-style:none;
	text-indent:0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

caption,th{
    text-align:left;
}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
}
q:before,q:after{
    content:'';
}
abbr,acronym{
    border:0;
}

a:link,a:visited{
	color:#222;
	text-decoration:underline;
	outline: none;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;
}
a:hover{
	color:#36C;
	text-decoration:none;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

a img{
	border:none; 
}


#side a, #ft a{
	text-decoration:none;
}
#side a:hover, #ft a:hover{
	text-decoration:underline;
}




/* main structure
---------------------------------------------------------------------*/

body#bg{
	width:100%;
	background:#6a9db1;
}
	* html body#bg{
		text-align:center;
	}
	* html body div{
		text-align:left;
	}


div#hd{
	position:relative;
	width:100%;
	height:220px;
	_text-align:center;
	background:url(../common/bg_hd.gif) top repeat-x;
}

div#main{
	position:relative;
	width:935px;
	min-height:800px;
	height: auto !important;
	height: 800px;
	_text-align:center;
	margin:0 auto;
	padding:0 0 50px 0;
	background:url(../common/bg_main.gif) top no-repeat;
}
	div.main_2column{
		background:url(../common/bg_main_w.gif) top no-repeat !important;
	}

div#bread{
	width:100%;
	_text-align:center;
	background:#706968;
}
div#ft{
	height:270px;
	_text-align:center;
	background:url(../common/bg_ft.gif) repeat;
}


/* hd
---------------------------------------------------------------------*/
div#hd div#hd_wrap{
	position:relative;
	top:37px;
	width:914px;
	height:185px;
	margin:0 auto;
}
	#logo{
		position:absolute;
		left:0;
		top:0;
	}
	div#hd ul#um{
		position:absolute;
		top:-30px;
		left:715px;
	}
		ul#um li{
			display:inline-block;
			* zoom:1;
			* display:inline;
			float:left;
		}
		div#hd ul#um img{
			margin-right:5px;
		}
		
	
	div#hd ul#gm{
		position:absolute;
		left:230px;
		width:686px;
		height:185px;
	}
	ul#gm li{
		position:relative;
		float:left;
		width:98px;
		height:185px;
	}
	ul#gm img{
		position:absolute;
		display:block;
	}
	ul#gm img:hover,
	ul#gm img:active,
	ul#gm img:focus{
		opacity:1; filter:alpha(opacity=100);
	}


/* main
---------------------------------------------------------------------*/

div#main div#ttl_div{
		position:relative;
		left:10px;
		top:10px;
		_left:0;
		width:915px;
		height:185px;
		background:url(../common/bg_pagetitle.png) no-repeat;
	}
	div#main #ttl{
		position:absolute;
		left:715px;
		top:-193px;
		height:336px;
		z-index:10;
	}
	div#main #ttl img:hover,
	div#main #ttl img:active,
	div#main #ttl img:focus{
		opacity:1; filter:alpha(opacity=100);
	}
	#main_close{
		width:935px;
		height:33px;
		padding-top:3px;
		margin:0 auto 50px;
		text-align:right;
		background:url(../common/bg_main_btm.gif) no-repeat;
	}
	#main_close img{
		margin-right:20px;
	}
	
	div#main_left{
		float:left;
		width:580px;
		_width:675px;
		padding:40px 0 0 95px;
	}
	

/* side
---------------------------------------------------------------------*/

div#side{
	position:absolute;
	left:767px;
	top:215px;
	width:200px;
}
	div#side .side_item{
		padding:0 0 0 15px;
	}
	div#side .side_round{
		width:177px;
		background:url(../common/bg_side_white.png) left bottom no-repeat;
	}
	div#side .side_round ul{
		width:163px;
		_width:177px;
		padding:15px 0 10px 7px;
	}
	div#side .side_round ul li{
		padding:0 10px 7px 10px;
		_padding:0 10px 7px 10px;
		_width:163px;
		margin:0 0 7px 0;
		border-bottom:1px solid rgba(0,0,0,.15);
	}
	div#side .side_round *{
		font-size:11px;
		line-height:13px;
	}
	#bn_contact{
		margin:1rem 0 0 20px;
		width:163px;
		height:116px;
		background:#d88c99;
		border-radius:7px;
		box-shadow:1px 1px 3px rgba(0 0 0 / 20%);
		transition:.5s;
	}
	#bn_contact:hover{
		background:#b95969;
	}
	
.side_local_nav{
	margin:0 0 30px 0;
}
.side_local_nav dt,.side_local_nav dd{
		width:136px;
		padding:0 11px 6px 11px;
		font-size:11px;
		line-height:13px;
		border-bottom:1px solid #bfd6de;
		margin:0 0 6px 0;
	}
	.side_local_nav dd a{
		font-size:11px;
		line-height:13px !important;
	}




/* bread
---------------------------------------------------------------------*/
div#bread ul{
	width:914px;
	text-align:left;
	margin:0 auto;
}
	div#bread li{
		display:inline-block;
		* zoom:1;
		* display:inline;
		margin:0 3px 0 0;
		padding:3px 0;
	}
	div#bread *{
		font-size:11px;
		color:#fff;
	}



/* footer
---------------------------------------------------------------------*/
div#ft_wrap{
	position:relative;
	width:914px;
	text-align:left;
	margin:0 auto;
}
	div#ft *{
		font-size:11px !important;
		line-height:140% !important;
	}
		
	dl#ft_div1{
		position:absolute;
		left:0;
		top:25px;
	}
	dl#ft_div2{
		position:absolute;
		left:210px;
		top:25px;
	}
	dl#ft_div3{
		position:absolute;
		left:485px;
		top:25px;
	}
	
	dl#ft_div1 dt,
	dl#ft_div2 dt,
	dl#ft_div3 dt{
		border-bottom:1px solid #706968;
		padding:0 0 4px 4px;
		font-weight:bold;
		margin:0 0 8px 0;
	}
	#ft .ft_li_note{
		margin-top:5px;
		padding:3px 6px;
		font-weight:.9rem;
		line-height:1.2;
		background:#fff;
		border-radius: 4px;
	}
	#ft .ft_li_disabled{
		pointer-events: none;
		opacity:.5;
	}
	
	p#top_notch_logo{
		position:absolute;
		left:760px;
		top:15px;
	}
	p#issa_logo{
		position:absolute;
		left:795px;
		top:125px;
	}
	dl#ft_adrs{
		position:absolute;
		width:550px;
		left:0;
		top:237px;
	}
		dl#ft_adrs dt{
			position:absolute;
			left:0;
			top:-6px;
		}
		dl#ft_adrs dd{
			position:absolute;
			left:200px;
			top:-8px;
		}
	
	p#copyright{
		position:absolute;
		left:615px;
		top:240px;
	}





/* shared banner
---------------------------------------------------------------------*/

.bn_polisher{
	margin:2em auto 0;
	text-align:center;
}
.bn_polisher a{
	display:block;
}
.bn_polisher a p{
	margin:.5em 0 0;
	font-size:13px;
	line-height:1.4;
}



/* ajax
---------------------------------------------------------------------*/
#modal{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index:100;
}
.overlay{
	position:fixed;
	width:900px;
	height:600px;
	overflow:hidden;
	top:50px;
	left:50%;
	margin:0 0 0 -450px;
	background:#FFF;
	z-index:101;
	overflow:auto;
}

div.tips{
	position:absolute;
	display:block;
	height:82px;
	opacity:0.9;
	top:-9999px;
	left:-9999px;
	z-index:200;
	pointer-events: none;
	cursor: default; 
}
	div.tips span{
		display:inline-block;
		* display:inline;
		* zoom:1;
		padding:7px;
		color:#FFF;
		font-weight:bold;
		line-height:120%;
		background:#e1678d;
		overflow:visible;
	}
	div.tips img{
		display:block;
		margin:0 0 0 5px;
	}
	:root *> div.tips img{
		display:block;
		margin:0 0 0 15px;
	}
	
div.tips2{
	position:absolute;
	display:block;
	width:250px;
	height:82px;
	opacity:0.9;
	top:-9999px;
	left:-9999px;
	z-index:200;
	pointer-events: none;
	cursor: default; 
}
	div.tips2 span{
		display:inline-block;
		* display:inline;
		* zoom:1;
		padding:7px;
		color:#fff;
		font-size:12px;
		line-height:150%;
		background:#e1678d;
		overflow:visible;
	}
	div.tips2 img{
		display:block;
		margin:0 0 0 5px;
	}
	:root *> div.tips2 img{
		display:block;
		margin:0 0 0 15px;
	}

#lightbox-image-details h3{
	font-weight:bold;
}
#lightbox-image-details p{
	font-size:11px;
	font-weight:normal;
	line-height:130%;
	padding:2px 0 4px;
}
#lightbox-image-details-currentNumber{
	font-size:10px;
}



/* table style
---------------------------------------------------------------------*/

table.table_style1{
	border-collapse:separate;
	border-spacing:1px;
	background:rgba(0,0,0,.15);
	margin:0 0 30px 0;
}
	table.table_style1 caption{
		text-align:center;
		padding:10px;
		color:#fff;
		background:#093;
	}
	table.table_style1 th{
		padding:10px;
		background:#e8f1e7;
		white-space:nowrap;
	}
	table.table_style1 td{
		padding:10px 10px 10px 20px;
		background:#f6faf6;
	}
	
table.table_style2{
	border-collapse:separate;
	border-spacing:1px;
	background:rgba(0,0,0,.15);
	margin:0 0 30px 0;
}
	table.table_style2 th{
		padding:9px 2px 5px;
		text-align:center;
		font-size:11px;
		line-height:14px;
		background:#e7f0f2;
		white-space:nowrap;
	}
	table.table_style2 td{
		padding:9px 2px 5px;
		text-align:center;
		font-size:11px;
		line-height:14px;
		background:#fff;
	}	
	
table.table_style3{
	border-top:1px solid #c3dccd;
}
	table.table_style3 th{
		padding:1em 0.5em 0.7em 0.7em;
		text-align:center;
		background:#eaf0e9;
		border-bottom:1px solid #c3dccd;
	}
	table.table_style3 td{
		padding:1em 0.5em 0.7em 2em;
		text-align:left;
		border-bottom:1px solid #c3dccd;
	}

	

/* msg
---------------------------------------------------------------------*/
.csr_link{
	cursor:pointer;
}
.notice_msg{
	background:#fff;
	margin:0 0 15px 0;
}
.alert_msg{
	color:#C36;
	font-weight:bold;
	background:#fff;
	margin:0 0 15px 0;
}
.alert{
	display:inline-block;
	*display: inline;
	*zoom: 1;  
	padding:4px 8px;
	background:#C36;
	color:#FFF;
	line-height:100%;
	white-space:nowrap;
	margin:4px 0;
}


/* btn
---------------------------------------------------------------------*/
.btn{
	display:inline-block;
	* zoom:1;
	* display:inline;
	padding:1em 2em;
	text-align:center;
	line-height:1.1;
	background:#1765a4;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
}
.btn:link,.btn:visited{
	color:#fff;
	text-decoration:none;
}
.btn:hover{
	background:#209cff;
}



/* color
---------------------------------------------------------------------*/
.cl_red	{ color:#b83d14;}



/* clear
---------------------------------------------------------------------*/

.clear{
	height:0px;
	clear:both;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* End hide from IE-mac */




/* font / line
---------------------------------------------------------------------*/

.bold		{font-weight:bold;}
.normal		{font-weight:normal;}
.sml,.sml * 	{font-size:11px;line-height:13px;}
.ssml,.ssml * 	{font-size:10px;line-height:12px;}

.fs_6	{font-size:6px;}
.fs_7	{font-size:7px;}
.fs_8	{font-size:8px;}
.fs_9	{font-size:9px;}
.fs_10	{font-size:10px;}
.fs_11	{font-size:11px;}
.fs_12	{font-size:12px;}
.fs_13	{font-size:13px;}
.fs_14	{font-size:14px;}
.fs_15	{font-size:15px;}
.fs_16	{font-size:16px;}
.fs_18	{font-size:18px;}
.fs_20	{font-size:20px;}
.fs_22	{font-size:22px;}
.fs_24	{font-size:24px;}

.line50	{line-height:50%;}
.line60	{line-height:60%;}
.line70	{line-height:70%;}
.line80	{line-height:80%;}
.line90	{line-height:90%;}
.line100	{line-height:100%;}
.line110	{line-height:110%;}
.line120	{line-height:120%;}
.line130	{line-height:130%;}
.line140	{line-height:140%;}
.line150	{line-height:150%;}
.line160	{line-height:160%;}
.line170	{line-height:170%;}
.line180	{line-height:180%;}
.line190	{line-height:190%;}
.line200	{line-height:200%;}
.line220	{line-height:220%;}
.line240	{line-height:240%;}
.line260	{line-height:260%;}
.line280	{line-height:280%;}
.line300	{line-height:300%;}



/* font style */

.em{
	color:#C00;
	font-size:120%;
	font-weight:bolder;
}
.list_note,.list_note *{
	font-size:11px;
	line-height:120%;
}
.txt_em{
	color:#d88c99;
	font-size:11px;
	line-height:120%;
}
.f_min{ 
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}


/* display type
---------------------------------------------------------------------*/
.hide{display:none;}
.block{display:block;}
.inline{display:inline;}
.in-block{
	display:inline-block;
	* zoom:1;
	* display:inline;
}

.imgfit{
	width:100%;
	height:auto;
}

/* align
---------------------------------------------------------------------*/
.floatR{float:right;}
.floatL{float:left;}
.floatC{margin:0 auto 0;}
.alignR{text-align:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}


/* margin control
---------------------------------------------------------------------*/
.left50{margin-left:50px !important;}
.left40{margin-left:40px !important;}
.left30{margin-left:30px !important;}
.left20{margin-left:20px !important;}
.left15{margin-left:15px !important;}
.left10{margin-left:10px !important;}
.left7{margin-left:7px !important;}
.left5{margin-left:5px !important;}
.left3{margin-left:3px !important;}
.left0{margin-left:0px !important;}

.right50{margin-right:50px !important;}
.right40{margin-right:40px !important;}
.right30{margin-right:30px !important;}
.right20{margin-right:20px !important;}
.right15{margin-right:15px !important;}
.right10{margin-right:10px !important;}
.right7{margin-right:7px !important;}
.right5{margin-right:5px !important;}
.right3{margin-right:3px !important;}
.right0{margin-right:0px !important;}

.top90{margin-top:90px !important;}
.top80{margin-top:80px !important;}
.top70{margin-top:70px !important;}
.top60{margin-top:60px !important;}
.top50{margin-top:50px !important;}
.top45{margin-top:45px !important;}
.top40{margin-top:40px !important;}
.top35{margin-top:35px !important;}
.top30{margin-top:30px !important;}
.top25{margin-top:25px !important;}
.top20{margin-top:20px !important;}
.top15{margin-top:15px !important;}
.top10{margin-top:10px !important;}
.top7{margin-top:7px !important;}
.top5{margin-top:5px !important;}
.top3{margin-top:3px !important;}
.top0{margin-top:0px !important;}

.btm90{margin-bottom:90px !important;}
.btm80{margin-bottom:80px !important;}
.btm70{margin-bottom:70px !important;}
.btm60{margin-bottom:60px !important;}
.btm50{margin-bottom:50px !important;}
.btm40{margin-bottom:45px !important;}
.btm40{margin-bottom:40px !important;}
.btm35{margin-bottom:35px !important;}
.btm30{margin-bottom:30px !important;}
.btm25{margin-bottom:25px !important;}
.btm20{margin-bottom:20px !important;}
.btm15{margin-bottom:15px !important;}
.btm10{margin-bottom:10px !important;}
.btm7{margin-bottom:7px !important;}
.btm5{margin-bottom:5px !important;}
.btm3{margin-bottom:3px !important;}
.btm0{margin-bottom:0px !important;}

.pad_top50{padding-top:50px !important;}
.pad_top40{padding-top:40px !important;}
.pad_top30{padding-top:30px !important;}
.pad_top20{padding-top:20px !important;}
.pad_top15{padding-top:15px !important;}
.pad_top10{padding-top:10px !important;}
.pad_top7{padding-top:7px !important;}
.pad_top5{padding-top:5px !important;}
.pad_top3{padding-top:3px !important;}
.pad_top0{padding-top:0px !important;}

.pad_btm50{padding-bottom:50px !important;}
.pad_btm40{padding-bottom:40px !important;}
.pad_btm30{padding-bottom:30px !important;}
.pad_btm20{padding-bottom:20px !important;}
.pad_btm15{padding-bottom:15px !important;}
.pad_btm10{padding-bottom:10px !important;}
.pad_btm7{padding-bottom:7px !important;}
.pad_btm5{padding-bottom:5px !important;}
.pad_btm3{padding-bottom:3px !important;}
.pad_btm0{padding-bottom:0px !important;}

.pad_left50{padding-left:50px !important;}
.pad_left40{padding-left:40px !important;}
.pad_left30{padding-left:30px !important;}
.pad_left20{padding-left:20px !important;}
.pad_left15{padding-left:15px !important;}
.pad_left10{padding-left:10px !important;}
.pad_left7{padding-left:7px !important;}
.pad_left5{padding-left:5px !important;}
.pad_left3{padding-left:3px !important;}
.pad_left0{padding-left:0px !important;}

.pad_right50{padding-right:50px !important;}
.pad_right40{padding-right:40px !important;}
.pad_right30{padding-right:30px !important;}
.pad_right20{padding-right:20px !important;}
.pad_right15{padding-right:15px !important;}
.pad_right10{padding-right:10px !important;}
.pad_right7{padding-right:7px !important;}
.pad_right5{padding-right:5px !important;}
.pad_right3{padding-right:3px !important;}
.pad_right0{padding-right:0px !important;}


/* width */
.w600{width:600px !important;}
.w550{width:550px !important;}
.w530{width:530px !important;}
.w500{width:500px !important;}
.w450{width:450px !important;}
.w400{width:400px !important;}
.w350{width:350px !important;}
.w300{width:300px !important;}
.w250{width:250px !important;}
.w200{width:200px !important;}
.w175{width:175px !important;}
.w150{width:150px !important;}
.w125{width:125px !important;}
.w100{width:100px !important;}
.w75{width:75px !important;}
.w50{width:50px !important;}
.w25{width:25px !important;}
.w20{width:20px !important;}
.w15{width:15px !important;}
.w10{width:10px !important;}

.w100p{width:100% !important;}
.w90p{width:90% !important;}
.w80p{width:80% !important;}
.w70p{width:70% !important;}
.w60p{width:60% !important;}
.w50p{width:50% !important;}
.w40p{width:40% !important;}
.w30p{width:30% !important;}
.w25p{width:25% !important;}
.w20p{width:20% !important;}
.w15p{width:15% !important;}
.w10p{width:10% !important;}

/* height */
.h600{height:600px !important;}
.h550{height:550px !important;}
.h500{height:500px !important;}
.h450{height:450px !important;}
.h400{height:400px !important;}
.h350{height:350px !important;}
.h300{height:300px !important;}
.h250{height:250px !important;}
.h200{height:200px !important;}
.h175{height:175px !important;}
.h150{height:150px !important;}
.h125{height:125px !important;}
.h100{height:100px !important;}
.h75{height:75px !important;}
.h50{height:50px !important;}
.h25{height:25px !important;}
.h20{height:20px !important;}
.h15{height:15px !important;}
.h10{height:10px !important;}



/* round shadow etc
---------------------------------------------------------------------*/

/* radius */
.r4		{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.r6		{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.r8		{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.r10		{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.r12		{-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;}
.r16		{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;}

/* shadow */
.shadow2	{ box-shadow: 1px 1px 2px rgba(0,0,0,30); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,30); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,30);	}
.shadow4	{ box-shadow: 1px 1px 4px rgba(0,0,0,30); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,30); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,30);	}
.shadow6	{ box-shadow: 1px 1px 6px rgba(0,0,0,30); -moz-box-shadow: 1px 1px 6px rgba(0,0,0,30); -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,30);	}
.shadow8	{ box-shadow: 1px 1px 8px rgba(0,0,0,30); -moz-box-shadow: 1px 1px 8px rgba(0,0,0,30); -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,30);	}
.shadow10	{ box-shadow: 1px 1px 10px rgba(0,0,0,30); -moz-box-shadow: 1px 1px 10px rgba(0,0,0,30); -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,30);}

/* round frame */
.fr_momo{
	padding:1em 1.5em;
	background:#f3e2da;
	-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
}
.fr_blueline{
	padding:1em 1.5em;
	border:2px solid #6a9db1;
	border-radius:8px;
}
.fr_link{
	padding:1em 1.5em;
	background:#fff;
	border-radius:8px;
}

