@charset "utf-8";

html,
div,
p,
li,
dl,
dt,
dd,
blockquote,
td,
form,
address {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
}

ol,
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

caption,
th {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

body {
	margin: 0;
	padding: 0;
	color: rgb(80,80,80);
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Verdana,sans-serif;
	font-size: 12px;
	*font-size: 75%;
	line-height: 1.4;
}

h1 {
	font-size: 150%

;
/* 18px */
}

h2 {
	font-size: 134%;
	padding:5px 0 10px 0;
/* 16px */

}

h3 {
	font-size: 117%

;
/* 14px */
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	line-height: inherit;
}

/*--------------------------------------
	Inline-level Elements
--------------------------------------*/

em,
strong,
cite,
code,
dfn,
var {
	font-style: normal;
	font-weight: normal;
}

input,
select,
textarea {
	font-size: inherit;
}

img,
embed,
object {
	vertical-align: bottom;
	border: none;
}

a:link{
color:#009182;

}
a:visited{
color: #666;
}
a:active{
color:#009182;
}
a:hover{
	text-decoration: none;
} 

.clear{
clear:both;
}
.pt10{
padding-top:10px;
}
.pt15{
padding-top:15px;
}
.pt20{
padding-top:20px;
}
.pt30{
padding-top:30px;
}

/* header */


#bk_head{
margin:0 auto;
text-align:center;
}

.topimage {
	width:100%;
	max-width:1232px;
	min-width:930px;
	height:auto;
}

#bk_head #left{
width:386px;
float:left;
}
#bk_head #left h1{
padding-top:24px;
font-size:12px;
}
#bk_head #left h2{
padding-top:4px;
padding-bottom:9px;
}

#bk_head #right{
width:489px;
float:right;
}
#bk_head #right ul{
margin-top:5px;
}
#bk_head #right li{
float:right;
list-style:none;
margin-left:15px;
}
#bk_head #right li span{
background:url(../image/arrow.gif) left 5px no-repeat;
display:block;
padding-left:11px;
font-size:11px;
}
#bk_head #tel{
clear:both;
padding-top:5px;
padding-bottom:10px;
}
#bk_head #right li a{
text-decoration:underline;
}
#bk_head #right li a:hover{
text-decoration:none;
}


/* head_navigation */

#bk_nav{
background: url(../image/back_nav.jpg) left top repeat-x;
clear:both;
width:100%;
height:52px;

}
#nav{
width:930px;
margin:0 auto;
height:52px;
}
#nav li{
list-style:none;
float:left;
}
#nav li a{
display:block;   
text-decoration:none;   
text-indent:-9999px;     
}
#nav li#nav01 a{
background: url(../image/nav1.jpg) left top no-repeat;
height:52px;
width:186px;
display:block;
}
#nav li#nav02 a{
background: url(../image/nav2.jpg) left top no-repeat;
height:52px;
width:186px;
display:block;
}
#nav li#nav03 a{
background: url(../image/nav3.jpg) left top no-repeat;
height:52px;
width:186px;
display:block;
}
#nav li#nav04 a{
background: url(../image/nav4.jpg) left top no-repeat;
height:52px;
width:186px;
display:block;
}
#nav li#nav05 a{
background: url(../image/nav5.jpg) left top no-repeat;
height:52px;
width:186px;
display:block;
}

#nav li#nav01 a:hover , #nav li#nav02 a:hover , #nav li#nav03 a:hover , #nav li#nav04 a:hover , #nav li#nav05 a:hover{
background-position:0 -52px;
}
#nav li#nav01_o{
background: url(../image/nav1.jpg) left -50px no-repeat;
height:52px;
width:186px;
display:block;
text-indent:-9999px;  
}
#nav li#nav02_o{
background: url(../image/nav2.jpg) left -50px no-repeat;
height:52px;
width:186px;
display:block;
text-indent:-9999px;  
}
#nav li#nav03_o{
background: url(../image/nav3.jpg) left -50px no-repeat;
height:52px;
width:186px;
display:block;
text-indent:-9999px;  
}
#nav li#nav04_o{
background: url(../image/nav4.jpg) left -50px no-repeat;
height:52px;
width:186px;
display:block;
text-indent:-9999px;  
}
#nav li#nav05_o{
background: url(../image/nav5.jpg) left -50px no-repeat;
height:52px;
width:186px;
display:block;
text-indent:-9999px;  
}


/* main_block */
#bk_mainimg{
	width:100%;
	background:url(../image/obi.jpg) left bottom repeat-x;
	overflow:hidden;
	padding:15px 0;
}

#bk_mainimg h2{
	text-align:center;
}

#mainimg{
width:930px;
height:340px;
margin:0 auto;
}

#area_content{
width:100%;
background:url(../image/back_contents.gif);
text-align:left;
overflow:hidden;
}
#content{
width:930px;
margin:0 auto;
padding-top:17px;
clear:both;
}

#content #left{
width:210px;
float:left;
}

#content #main-content{
width:715px;
float:right;
}

#bn_first a{
background:url(../image/bn1.jpg) left top no-repeat;
width:210px;
height:117px;
display:block;   
text-decoration:none;   
text-indent:-9999px; 
}
#bn_first a:hover{
background-position:0 -117px;
}

#bn_vocabigi01 a{
background:url(../image/bn2.jpg) left top no-repeat;
width:210px;
height:118px;
display:block;   
text-decoration:none;   
text-indent:-9999px; 
}
#bn_vocabigi01 a:hover{
background-position:0 -118px;
}

#left #itiran{
background:url(../image/back_itiran.gif) left top no-repeat;
width:181px;
height:131px;
padding-top:88px;
padding-left:20px;
margin-top:15px;
}
#left #itiran li{
background:url(../image/arrow3.gif) left 3px no-repeat;
padding-bottom:8px;
list-style:none;
padding-left:12px;
}
#left #itiran li a{
color:#ffffff;
text-decoration:underline;
}
#left #itiran li a:hover{
color:#ffffff;
text-decoration:none;
}

#bn_gcm a{
background:url(../image/bn3.jpg) left top no-repeat;
width:210px;
height:95px;
display:block;   
text-decoration:none;   
text-indent:-9999px; 
margin-top:15px;
}
#bn_gcm a:hover{
background-position:0 -95px;
}


/* right_contents */

#bk_right{
background:#FFFFFF;
width:677px;
padding:8px 18px;
border-left:1px solid #DDD5AE;
border-right:1px solid #DDD5AE;
}




/* button_pagetop */

.pagetop a{
background:url(../image/bt_pagetop.gif) left top no-repeat;
width:174px;
height:30px;
display:block;   
text-decoration:none;   
text-indent:-9999px; 
margin-left:541px;
margin-top:25px;
clear:both;
}
.pagetop a:hover{
background-position:0 -30px;
}


/* footer */

#bk_footer{
clear:both;
background-color:#D7D7D7;
padding-top:15px;
padding-bottom:15px;
text-align:left;
color:#333333;
}
#footer{
width:930px;
margin:0 auto;
}
.box_footer{
width:171px;
padding-left:15px;
float:left;
font-size:11px;
}
.box_footer li{
list-style:none;
background:url(../image/arrow4.gif) left 8px no-repeat;
padding-left:15px;
padding-top:3px;
}
.box_footer li.submenu{
list-style:none;
background:url(../image/arrow5.gif) 15px 12px no-repeat;
padding-left:25px;
padding-top:5px;
}


.box_footer a:link{
color:#009182;
text-decoration:underline;
font-size:11px;
}
.box_footer a:visited{
color:#009182;
text-decoration:underline;
}
.box_footer a:active{
color:#009182;
text-decoration:underline;
}
.box_footer a:hover{
color:#009182;
text-decoration:none;
} 


#bk_f_info{
	clear:both;
	background-color:#999999;
	padding-top:15px;
	padding-bottom:15px;
	text-align:left;
	color: #FFF;
}

#bk_f_info h2{
	text-align:left;
}

#f_info{
width:930px;
margin:0 auto;
}


#bk_f_info #box_ad a{
color:#FFF;
font-style:normal;
text-decoration:none;
}

#bk_f_info #box_ad{
width:0px;
float:left;
}


#bk_f_info #box_ad h2{
font-size:16px;
font-weight:bold;
color:#FFF;
}
#bk_f_info #box_info{
width:930px;
float:left;
}

#box_info .box{
width:243px;
float:right;
padding-bottom:20px;
}

#box_info .boxb{
width:200px;
float:right;
padding-bottom:20px;
}


#box_info .box .pic{
float:left;
width:100px;
}

#cr{
border-top:2px solid #CCCCCC;
background-color:#999999;
text-align:center;
color:#FFFFFF;
padding:15px 0;
font-size:11px;
}