@charset "UTF-8";

/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */

html{color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{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;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}


body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body{
	color:#333333;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
}

img {border:0;}
a:link {color:#03F;}
a:visited {color:#039;}
a:hover,a:active {color:#903;}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

body{
background:url(../img/body_bg.gif) repeat-x #c5e5f7;
}

strong{
font-weight:bold;
}

#all{
width:740px;
border:solid 1px #ccc;
margin:10px auto 0 auto;
text-align:left;
background-color:#fff;
line-height:1.4;
}

/* ヘッダ */
#head{
width:740px;
border-bottom:solid 6px #4096ee;
background:url(../img/head_bg.gif) repeat-x;
}

#head h1{
float:left;
width:374px;
}


/* 文字ボタン */
#head ul	{
	margin-top:19px;
	padding-right:15px;
	list-style-type:none;
	height:23px;
	float:right;
}
#head li	{
	display:block;
	float:left;
	padding-left:3px;
	font-size:1px;
	text-indent:-9999px;
	height:23px;
	overflow:hidden;
}

.moji00	{
	padding-left:0 !important;
	background:transparent url(../img/moji_btn_bg.gif) no-repeat 0 -23px;
	line-height:1px;
	width:211px;
	height:23px;
}
a.moji01	{
	display:block;
	background:transparent url(../img/moji_btn_bg.gif) no-repeat 0 -23px;
	line-height:1px;
	width:68px;
	height:23px;
}
a.moji02	{
	display:block;
	background:transparent url(../img/moji_btn_bg.gif) no-repeat -70px -23px;
	line-height:1px;
	width:68px;
	height:23px;
}
a.moji03	{
	display:block;
	background:transparent url(../img/moji_btn_bg.gif) no-repeat -142px -23px;
	line-height:1px;
	width:68px;
	height:23px;
}

a.moji03:hover	{
	background-position:-142px 0px;
}
a.moji02:hover	{
	background-position:-70px 0px;
}
a.moji01:hover	{
	background-position:0 0px;
}


/* 共通 */
.left{float:left;}
.right{float:right;}

/* 左 */
#menu{
width:199px;
float:left;
padding-left:12px;
margin-top:15px;
}
/* IE 用▼ */
* html #menu{
width:211px;
}


.banar{
text-align:center;
margin-top:8px;
}

.banar li{
margin-bottom:5px;
}


/* ナビ */
#menu .navi li{
	font-weight:bold;
	width:199px;
	font-size:14px;
}

#menu .navi li a{
	background: url(../img/menu_bg.gif) no-repeat;
	padding-left: 30px;
	color: #333;
	line-height: 3em;
	display: block;
	height:41px;
	text-decoration:none;
}

#menu .navi li a:hover{
	background-position: 0 -41px;
}

/* フッタ */
#foot{
margin:10px;
}

address{
border-top:solid 1px #ccc;
padding-top:8px;
line-height:1.5em;
}

#foot li{
display:inline;
margin-left:8px;
}

.cr{
width:740px;
font-weight:bold;
text-align:center;
background:url(../img/foot_bg.gif) repeat-x #217ce5;
color:#fff;
padding:7px 0;
}

/* css_end */