@charset "UTF-8";
/*base*/
*{
	margin: 0px;
	padding: 0px;
	}

header, footer, nav, section, article {
	display:block;
	}

html{
	font-size: 62.5%;
	overflow-y: scroll;
	}

body{
	font-size: 1.6em;
	color: #333333;
	background: #ffffff;
	font-family: "Hiragino Kaku Gothic Pro","Osaka",sans-serif;
	}

ul li{
	list-style-type: none;
	list-style-position: outside;
	}

ol li{
	list-style-position: outside;
	margin: 0px 0px 5px 2em;
	}

p{
	line-height: 200%;
	}

/*float*/
.left{
	float: left;
	}

.right{
	float: right;
	}

.cl{
	clear: both;
	}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix{
	display: block;
	}
* html .clearfix  { zoom: 1; }  /* IE6 */
*:first-child+html .clearfix { zoom: 1; }  /* IE7 */


/*text-align*/

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

/*vertical-align*/

.aligntop{
	vertical-align: top !important;
	}
.alignmiddle{
	vertical-align: middle !important;
	}
.alignbottom{
	vertical-align: bottom !important;
	}

/*link*/
a img {
    border-style:none;
	}

a:hover img {
	opacity: 0.6;
	}

A:link{
	color: #0075c2;
	text-decoration: none;
	}

A:active{
	color: #0075c2;
	text-decoration: underline;
	}

A:visited{
	color: #0075c2;
	text-decoration: none;
	}

A:hover{
	color: #0075c2;
	text-decoration: underline;
	}


/*header*/
header{
	width: 980px;
	margin: 20px auto;
	}

header h1{
	float: left;
	}

header h1 a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 199px;
	height: 60px;
	margin-top: 6px;
	background: url('../img/logo.gif') top left no-repeat;
	}

/*mainmenu*/

#mainmenu{
	float: right;
	border-left: 1px solid #cccccc;
	}

#mainmenu a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	height: 70px;
	width: 150px;
	border-right: 1px solid #cccccc;
	}

#mainmenu a.mainmenu_01{
	background: url('../img/mainmenu_01.gif') top left no-repeat;
	}

#mainmenu a.mainmenu_02{
	background: url('../img/mainmenu_02.gif') top left no-repeat;
	}

#mainmenu a.mainmenu_03{
	background: url('../img/mainmenu_03.gif') top left no-repeat;
	}

#mainmenu a.mainmenu_04{
	background: url('../img/mainmenu_04.gif') top left no-repeat;
	}

#mainmenu a.mainmenu_05{
	background: url('../img/mainmenu_05.gif') top left no-repeat;
	}

#mainmenu a:hover,#mainmenu a.on{
	background-position: top right;
	}


/*section*/
section{
	clear: both;
	margin: 0px 0px 50px;
	}

/*article*/
article{
	width: 980px;
	margin: 30px auto;
	}

/*pagetop*/
a#btn_pagetop{
	float: right;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	background: url('../img/btn_pagetop.gif') top left no-repeat;
	width: 30px;
	height: 30px;
	}

/*footer*/
footer{
	width: 100%;
	padding: 0px auto;
	}

footer nav#footermenu{
	background-color: #ececec;
	padding: 20px 0px;
	text-align: center;
	line-height: 180%;
	}
footer p.copyright{
	text-align: center;
	font-size: 0.8em;
	margin: 15px 0px;
	}

/*h*/
.bg_mark{
	font-size: 2em;
	color: #0075c2;
	line-height: 1;
	padding: 15px 18px;
	background: #d1e6f3 url('../img/bg_mark.gif') 7px 11px no-repeat;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	}

.icon_big_hexagon{
	font-size: 1.5em;
	color: #666666;
	line-height: 1;
	padding: 17px 0px 17px 72px;
	background: url('../img/icon_big_hexagon.gif') 0px 3px no-repeat;
	}


.line_ececec{
	font-size: 1.5em;
	color: #0075c2;
	padding-bottom: 10px;
	border-bottom: 5px solid #ececec
	}

/*width*/
.half{
	width: 50%;
	}
*:first-child+html .half { width: 49%; }  /* IE7 */

.full{
	width: 100%;
	}

.w110{
	width: 110px;
	}

.w195{
	width: 195px;
	}

.w200{
	width: 200px;
	}

.w250{
	width: 250px;
	}

.w270{
	width: 270px;
	}

.w300{
	width: 300px;
	}

.w380{
	width: 380px;
	}

.w420{
	width: 420px;
	}

.w460{
	width: 460px;
	}

.w480{
	width: 480px;
	}

.w540{
	width: 540px;
	}

.w625{
	width: 625px;
	}

.w660{
	width: 660px;
	}

.w780{
	width: 780px;
	}

.w980{
	width: 980px;
	margin: 0px auto;
	}

/*margin*/
.mgt10{
	margin-top: 10px;
	}

.mgt20{
	margin-top: 20px;
	}

.mgt30{
	margin-top: 30px;
	}

.mgt35{
	margin-top: 35px;
	}

.mgt40{
	margin-top: 40px;
	}

.mgt45{
	margin-top: 45px;
	}

.mgt50{
	margin-top: 50px;
	}

.mgt60{
	margin-top: 60px;
	}

.mgt70{
	margin-top: 70px;
	}

.mgt80{
	margin-top: 80px;
	}

.mgt100{
	margin-top: 100px;
	}

.mgr10{
	margin-right: 10px;
	}

.mgr20{
	margin-right: 20px;
	}

.mgr60{
	margin-right: 60px;
	}

.mgl20{
	margin-left: 20px;
	}

.mgauto{
	margin: 0px auto !important;
	}

/*fontsize*/
.txt_reset{
	font-size: 1em;
	}

.txt_14{
	font-size: 0.8em;
	}

.txt_18{
	font-size: 1.2em;
	}

/*fontweight*/
.txt_bold{
	font-weight: bold;
	}
.txt_normal{
	font-weight: normal;
	}

/*color*/
.col_0075c2{
	color: #0075c2;
	}
.col_999{
	color: #999999;
	}


/*icon*/
.icon_hexagon{
	font-weight: bold;
	padding-left: 16px;
	background: url('../img/icon_hexagon.gif') 0px 3px no-repeat;
	}

.icon_link{
	padding: 5px 0px 5px 30px;
	background: url('../img/icon_link.gif') 0px 3px no-repeat;
	}

.icon_newwin{
	padding: 5px 0px 5px 30px;
	background: url('../img/icon_newwin.gif') 0px 3px no-repeat;
	}


/*div*/
.box_line_01{
	border: 1px solid #cccccc;
	padding: 20px;
	}

.box_line_02{
	border: 3px solid #7fbae0;
	padding: 15px;
	}


/*table*/
table{
	width: 100%;
	border-spacing: 0px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	}

table th,table td{
	line-height: 200%;
	padding: 0.8em;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	}

table .cl_ececec{
	background-color: #ececec;
	}

table .cl_f1f7fc{
	background-color: #f1f7fc;
	}

table .cl_d1e6f3{
	background-color: #d1e6f3;
	}


/*hr*/
hr.line_ccc{
	height: 1px;
	border: none;
	border-top: 1px solid #cccccc;
	}



/* Media Queries
==========================================================================*/
@media screen and (min-width: 979px) {
}

@media screen and (max-width:799px) {

html {
	-webkit-text-size-adjust: none;
	}

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

header{
	width: 100%;
	height: 80px;
	margin: 20px auto 0px;
	}

article{
	width: 96%;
	margin: 30px auto;
	}

.w780,.w980{
	width: 96%;
	margin: 0px auto;
	}

header h1 a{
	position: absolute;
	z-index: 102;
	top: 15px;
	left: 15px;
	}

.naver{
	width: 100%;
	position: absolute;
	z-index: 101;
	top: 0px;
	left: 0px;
	}

.naver .naver-wrapper{
	margin-top: 100px;
	}

#mainmenu a{
	float: none;
	text-indent: 0px;
	line-height: 100%;
	width: 100%;
	height: 1em;
	margin: 0px;
	padding: 10px;
	background-image: none;
	border-top: 1px solid #ffffff;
	}

#mainmenu a.mainmenu_01,#mainmenu a.mainmenu_02,#mainmenu a.mainmenu_03,#mainmenu a.mainmenu_04,#mainmenu a.mainmenu_05{
	width: 100%;
	background-image: none;
	}

#mainmenu a:link{
	font-family: "Hiragino Kaku Gothic Pro","Osaka",sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background-color: #0075c2;
	opacity: 1;
	}

#mainmenu a:visited{
	color: #ffffff;
	background-color: #0075c2;
	opacity: 1;
	}

#mainmenu a:hover{
	background-color: #7fbae0;
	opacity: 1;
	}

}

@media screen and (max-width:699px) {
p{
	line-height: 180%;
	}

.w300,.w380,.w420,.w460,.w480,.w540,.w625,.w660{
	width: 96%;
	margin: 0px auto;
	}

.bg_mark{
	font-size: 1.4em;
	color: #0075c2;
	line-height: 1;
	padding: 15px 18px;
	background: #d1e6f3 url('../img/bg_mark.gif') 7px 11px no-repeat;
	-webkit-background-size: 31px 31px;
	-o-background-size: 31px 31px;
	-khtml-background-size: 31px 31px;
	background-size: 31px 31px;
	}


.icon_big_hexagon{
	font-size: 1.2em;
	padding: 5px 0px 5px 38px;
	-webkit-background-size: 30px 28px;
	-o-background-size: 30px 28px;
	-khtml-background-size: 30px 28px;
	background-size: 30px 28px;
	}


.line_ececec{
	font-size: 1.1em;
	}

footer nav#footermenu{
	text-align: left;
	padding: 1em;
	font-size: 0.8em;
	}


}