/*共通----------------------------------------------*/
@charset "UTF-8";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* 画像の隙間回避*/
img { vertical-align: bottom; }

/* Add for Safari*/
* {margin: 0; padding: 0;}

html {font-size: 14px; line-height: 18px; color: #222;}
a:link {color: #1023A7; text-decoration: none;}
a:visited {color: #80496B; text-decoration: none;}
a:hover {color: #FF5B00; text-decoration: none;}
a:active {color: #FF5B00; text-decoration: none;}


/*見出し----------------------------------------------*/
h1{margin: 0; font-size: 12px; font-weight: 400; text-align:right;}
h2{color:#222;font-size: 15px; line-height : 30px; padding-left: 10px; background-image:url(../images/00bar-h2.jpg);
	height:30px; margin-top: 10px; margin-bottom: 10px; text-indent: 10px; font-weight: normal;}
h3{font-weight:800px; font-size: 12px; color:#222; text-align:center; background-image:url(../images/00bar-h3.gif); background-repeat: no-repeat;
width:169px; height:20px; margin-right:-10px; margin-left:-10px;}

/*エリア指定----------------------------------------------*/
#wrap {width: 900px; margin-left:auto; margin-right:auto;}
div#header {width: 900px; height:55px; background-image:url(../images/logo.jpg); background-repeat:no-repeat;}
div#main {width:900px; margin-bottom:20px;}
div#left {width: 220px; float: right;}
div#right {width: 900px; float: left; }
div#bottom {width: 900px; border-top: solid 1px #888; font-size: 10px; line-height: 14px; text-align : center;}
div#navi {width:900px; background-color:#000000; height:40px; margin-bottom:20px;}

/*リンクの色替----------------------------------------------*/
.ryokin a:link {color: #BC0000; text-decoration: none;}
.ryokin a:visited {color: #A9161A; text-decoration: none;}
.ryokin a:hover {color: #FF6600; text-decoration: none;}
.ryokin a:active {color: #FF6600; text-decoration: none;}
.button a:link {font-weight : 800; color: #FFF; text-decoration: none;}
.button a:visited {font-weight : 800; color: #FFF; text-decoration: none;}
.button a:hover {font-weight : 800; color: #FFFF00; text-decoration: none;}
.button a:active {font-weight : 800; color: #FFFF00;text-decoration: none;}
#left li a:link {color: #1023A7; text-decoration: none; background-color:#FFF; display:block;}
#left li a:visited {color: #80496B; text-decoration: none; background-color:#FFF; display:block;}
#left li a:hover {color: #FF5B00; text-decoration: none; background-color:#DDD; display:block;}
#left li a:active {color: #FF5B00; text-decoration: none; background-color:#FFF; display:block;}
#navi li a:link {color: #FFF; text-decoration: none; background-image:url(../images/navi-black.jpg); display:block;}
#navi li a:visited {color: #FFF; text-decoration: none; background-image:url(../images/navi-black.jpg); display:block;}
#navi li a:hover {color: #FF5B00; text-decoration: none; background-image:url(../images/navi-black-up.jpg); display:block;}
#navi li a:active {color: #FFF; text-decoration: none; background-image:url(../images/navi-black.jpg); display:block;}
#bottom a:link {color:#666;}
#bottom a:visited {color:#666;}
#bottom a:hover {color:#333;}
#bottom a:active {color:#666;}

/*パーツ----------------------------------------------*/
.clear {clear: both;}
ul {list-style:none;}
#left li {width:215px; height:30px; border-bottom:1px dotted #888; padding:0 0 0 5px; line-height:30px;}
#navi li {width:180px; height:40px; float:left; color:#DDD; line-height:40px; text-align:center}

.width10 { width : 10px;}
.width20 { width : 20px;}
.width30 { width : 30px;}
.width40 { width : 40px;}
.width50 { width : 50px;}
.width60 { width : 60px;}
.width70 { width : 70px;}
.width80 { width : 80px;}
.width90 { width : 90px;}
.width100 { width : 100px;}
.width150 { width : 150px;}
.width200 { width : 200px;}
.width220 { width : 220px;}
.width250 { width : 250px;}
.width280 { width : 280px;}
.width300 { width : 300px;}
.width350 { width : 350px;}
.width400 { width : 400px;}
.width425 { width : 425px;}
.width450 { width : 450px;}
.width470 { width : 470px;}
.width480 { width : 480px;}
.width500 { width : 500px;}
.width550 { width : 550px;}
.width600 { width : 600px;}
.width680 { width : 680px;}
.width700 { width : 700px;}

.height10 {height:10px;}
.height20 {height:20px;}
.height30 {height:30px;}
.height40 {height:40px;}
.height50 {height:50px;}

.mini{margin: 0 0 0 15px;}
.float img{float: right;}
.border {border-bottom: solid 1px #888;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.tx10 {font-size: 10px; line-height: 14px;}
.tx11 {font-size: 11px; line-height: 15px;}
.tx12 {font-size: 12px; line-height: 18px;}
.tx14 {font-size: 14px; line-height: 18px;}
.tx16 {font-size: 16px; line-height: 20px;}

.gyoake10{margin-top:10px;}
.bold {font-weight:800;}
.red {color:#D7616C;}

.verti30 {vertical-align: 80px;}
.verti10 {vertical-align: 10px;}

.imageleft0 {margin-right: 0px; float: left;}
.imageleft5 {margin-right: 5px; float: left;}
.imageleft10 {margin-right: 10px; float: left;}
.imageright0 {margin-left: 0px; float: right;}
.imageright5 {margin-left: 5px; float: right;}
.imageright10 {margin-left: 10px; float: right;}
.imagecenter {text-align: center;}

.textarea {padding-top: 2px; font-size: 12px; border: 1px #90ADCF solid;}

.divleft {float:left;}
.divright {float:right;}

.marright25 {margin-right:25px;}
.padtb5 {padding:5px 0 5px 0;