@charset "utf-8";

/*============================================================
Default
============================================================*/

html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p{
	margin:0;
	padding:0;
}

img,a img{border:none;}
ul, ol, li, dl, dt, dd{list-style:none;}
table{border:0;}
th,td{padding:0;}
th{font-weight:normal;}
input,select,textarea{padding:2px;}
textarea { font-size:100%; }
html>/**/textarea {font-size:13px;}
fieldset{border:none;}
pre{font-family:monospace;}
address{font-style:normal;}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

body {
	background:#fff url(../img/header_bg.png) repeat-x;
	width:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
	font-size:83%;
	line-height:1.4;
	color:#333333;
	word-break:normal;
}



/*============================================================
Hyper text
============================================================*/

a { 
	text-decoration:none;
}

a:link,
a:visited {
	color:#0c5eb9;
}

a:hover,
a:focus,
a:active {
	text-decoration:underline;
}



/*============================================================
Clear
============================================================*/

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

.clearfix{
	min-height: 1%;
}

* html .clearfix{
	height: 1px;
	overflow: visible;
}



/*============================================================
Layout
============================================================*/

#wrap{
}

#container{
	width: 950px;
	margin: 0 auto;
}

.container_bottom{
	background: url(../img/side_bg_repeat.png) repeat-y;
	padding-bottom: 35px;
}

#header{
	height: 80px;
}

#navi{

}

#main_flah{
	margin: 5px 0 15px;
}

#main{
	background: #6E95C6 url(../img/page_title_bg.jpg) center no-repeat;
	margin: 5px 0 15px;
}

#key_visual{
	text-align: center;
}

#content{
	width:661px;
	float: right;
	overflow: hidden;
}

#side{
	width: 266px;
	float: left;
	overflow: hidden;
}

#footer{
	background: url(../img/footer_bg.png) repeat-x;
	height: 188px;
	width: 100%;
	margin-top: -7px;
	position: absolute;
}



/*============================================================
Header
============================================================*/

#logo{
	float:left;
	width:500px;
	margin-top:9px; 
}

.header_logo{
	float: left;
	margin-right: 10px;
}

.header_copy{
	float: left;
	margin-top: 20px;
	color: #fff;
}

#header_info{
	float:right;
	margin-top:7px; 
	width: 350px;
}

#header_navi{
	margin-bottom: 2px;
	*margin-bottom: 3px; /* IE7 and below */
	width: 350px;
	float: right;
}

#header_navi li{
	float: left;
	margin-left: 10px;
}



/*============================================================
Gloval navi
============================================================*/

#global_navi a {
	background:url(../img/global_navi.png) no-repeat;
	overflow: hidden;
}

#global_navi ul {
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#global_navi li a {
	height: 42px;
	display: block;
	overflow: hidden;
}

#global_navi li {
	text-indent:-9999px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#g_navi01 a{background-position:0px 0px; width: 159px;}
#g_navi02 a{background-position:-159px 0px; width: 158px;}
#g_navi03 a{background-position:-317px 0px; width: 158px;}
#g_navi04 a{background-position:-475px 0px; width: 158px;}
#g_navi05 a{background-position:-633px 0px; width: 158px;}
#g_navi06 a{background-position:-791px 0px; width: 158px;}

#g_navi01 a:hover{background-position:0px -42px; width: 159px;}
#g_navi02 a:hover{background-position:-159px -42px; width: 158px;}
#g_navi03 a:hover{background-position:-317px -42px; width: 158px;}
#g_navi04 a:hover{background-position:-475px -42px; width: 158px;}
#g_navi05 a:hover{background-position:-633px -42px; width: 158px;}
#g_navi06 a:hover{background-position:-791px -42px; width: 158px;}



/*============================================================
Side
============================================================*/

.side_navi{
	background:#fff;
	padding-bottom:15px;
}

#side_inside{
	background: url(../img/side_bg.png) no-repeat;
	width: 235px;
	padding: 10px 15px 0 16px;
}

.side_box_white{
	width: 234px;
}

.side_box_white{
	width: 234px;
	background: url(../img/side_bg_head.png) no-repeat top;
	padding-top: 10px;
}

.side_box_footer{
	background:#fff url(../img/side_bg_bottom.png) no-repeat bottom;
	padding: 0 10px 10px;
}

.qr_img{
	float: left;
	width: 103px;
}

.qr_txt{
	float: right;
	width: 120px;
	color: #fff;
}



/*============================================================
Footer
============================================================*/

#footer_page_top{
	position: relative;
	top: -29px;
}

#footer_inside{
	width: 950px;
	margin: 0 auto;
	color: #fff;
}


#footer_info{
	float: left;
	width: 350px;
}

#footer_navi{
	float: right;
	width: 495px;
}

#footer_navi a{
	color: #fff;
}

.footer_navi_top{
	background: url(../img/point_arrow01.png) no-repeat;
	padding-left: 15px;
	border-bottom: 1px solid #fff;
	padding-bottom: 8px;
	margin-bottom: 10px;
}


.footer_navi_list {
	float: left;
	width: 165px;
}

#footer_navi li {
	background: url(../img/point_arrow01.png) no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
}

address{
	margin:5px 0 20px;
	/margin:10px 0 20px;
}

#copyright{
	text-align:center;
}


/*============================================================
Margin
============================================================*/

.bottom_margin25{
	margin-bottom:25px;
}

.bottom_margin20{
	margin-bottom:20px;
}

.bottom_margin15{
	margin-bottom:15px;
}

.bottom_margin10{
	margin-bottom:10px;
}

.bottom_margin5{
	margin-bottom:5px;
}

.top_margin5{
	margin-top:5px;
}

.top_margin10{
	margin-top:10px;
}

.top_margin15{
	margin-top:15px;
}

.top_margin20{
	margin-top:20px;
}



/*============================================================
Font size
============================================================*/

.font_80{
	font-size:80%;
}

.font_90{
	font-size:90%;
}

.font_95{
	font-size:95%;
}

.font_110{
	font-size:110%;
}

.font_120{
	font-size:120%;
}

.font_130{
	font-size:130%;
}

.font_140{
	font-size:140%;
}



/*============================================================
Font color
============================================================*/

.color_red{
	color:#ff0000;
}

.color_gray{
	color:#999999;
}



/*============================================================
Border color
============================================================*/

.border_gray{
	border: 1px solid #aeaeae;
}

.border_beige{
	border:1px solid #efe9d5;
}



/*============================================================
Table
============================================================*/

.table{
	border-collapse:collapse;
}

.table th,
.table td{
	border:2px solid #fff;
	border-collapse:collapse;
	padding:3px;
}

.table th{
}

.table td{
	text-align:left;
}

.table_line{
	background:#f4f9fc;
}



/*============================================================
Form
============================================================*/

label{
	margin:0 12px 0 0;
}

.input_text{
	width:200px;
}

.input_zip{
	width:100px;
}

.input_address{
	width:450px;
}

.input_textarea{
	width:450px;
	height:80px;
}

.form_button_block{
	margin:15px auto;
}

a:hover img{
opacity:0.50;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
-moz-opacity:0.50;
}