@charset "utf-8";
/* CSS Document */
/*-------------base----------------*/
/* reset styleSheet */
/*img*/
img,
/*box*/
p, blockquote,h1, h2, h3, h4, h5, h6,div,
/*form*/
form, fieldset,
/*list*/
ul, ol, dl {
	border: 0;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	list-style:none;
}
* {padding:0; margin:0}
html {
	overflow-y:scroll; /* Firefox*/
	width:auto;
}
body {
    margin:0;
	padding:0;
	border-style: none;
	background:#FFFFFF;
	text-align:center;
	width:100%;
	min-width:850px;
}
img {vertical-align:bottom;}
/*----------------*/
#all {
    width:100%;
	min-width:850px;
    margin:0 auto;
}
/*----------------*/
.clear {clear:both;}
.cl_l {clear:left;}
.cl_r {clear:right;}
p.hide {display:none;}
.left {float:left;}
.right {float:right;}
.attention {font-size:80%; color:#999999;}
.center {text-align:center;}
.tx_al_le {text-align:left !important;}
.tx_al_ri {text-align:right !important;}
/*-------font--------*/
#all {
	font-size: 90%;
	color:#333333;
	line-height:1.4em;
	/*font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;*/
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}
/*-------------------*/
/*--------------------------------------*/
/*--------------header-----------------*/
#header,
#logo,
h1,
#logo img,
#header_contact .arrow_list,
#header_contact .tel,
#header_contact .contact_btn {
    clear:both;
}
#logo,
h1,#logo img {
    float:left;
}
#header_contact,
#header_contact .arrow_list,
#header_contact .tel,
#header_contact .contact_btn{
    float:right;
}
#logo {
    width:500px;
	height:100px;
    background:url(../img/logo_bg.jpg) no-repeat left bottom;
}
h1 {
	color:#cccccc;
	font-size:10px;
}
#logo img{
	width:166px;
	height:45px;
	margin:20px 40px;
}
#header {
    width:850px;
	margin:0 auto;
	text-align:center;
	min-height:100px;
	vertical-align:middle;
}
#header_contact {
	position:relative;
    width:250px;
	text-align:right;
}
#header_contact .tel{
	position:absolute;
	top:30px;
	right:0;
    margin:8px 0;
}
#header_contact .contact_btn{
	position:absolute;
	top:55px;
	right:0;
}
#header_contact .arrow_list {
	 position:absolute;
	 top:0;
	 right:0;
}
#header_contact .arrow_list li {
	display:inline;
}
/*--------------------------------------*/
/*------------rollover---------------*/
a:hover img.onmouse{
	opacity:0.8;
	filter: alpha(opacity=80);
}
/*-----------------------------------*/
.arrow_list {  
    font-size:70%;
}
.arrow_list li{
    float:left;
	padding-left:7px;
	padding-right:9px;
	white-space:nowrap;
	background:url(../img/arrow1.gif) no-repeat 0.0em 0.5em;
}
/*---------------global-----------------*/
#global {
    float:left;
	clear:both;
	width:100%;
	background:url(../img/nv_bg.gif) repeat-x left top;
	padding:2px 0;
	text-align:center;
}
#global #navi {
    clear:both;
	width:851px;
	margin:0 auto;
}
#global #navi li {
    float:left;
}
/*--------------------------------------*/
#contents_base {
    clear:both;
	width:100%;
	padding-top:15px;
	background:url(../img/contents_bg.gif) repeat-x left top;
	text-align:center;
}
#main_contents{
    width:850px;
	margin:0 auto;
	text-align:left;
}
#wrapper {
    float:left;
    width:585px;
	text-align:left;
	margin-left:1px;
}
#side {
    float:right;
	width:250px;
	text-align:left;
}
.ex_link{
	margin-left:5px;
}
.icon_new{
   vertical-align:middle;
   margin-left:5px;
}
/*--------------side--------------*/
#side .box {
    float:right;
	clear:both;
	width:248px;
	overflow:hidden;
	padding-bottom:6px;
	margin-bottom:10px;
	text-align:center;
}
#side dl.box {
    float:right;
	clear:both;
	width:248px;
	overflow:hidden;
	background:url(../img/side_bg_bottom.gif) no-repeat left bottom;
	padding-bottom:6px;
	margin-bottom:10px;
	text-align:left;
}
#side dl.box dt {
    float:left;
	clear:both;
	text-align:left;
	background:url(../img/side_bg_top.gif) no-repeat left top;
	width:238px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	font-size:0;
}
#side dl.box dd{
    float:left;
	clear:both;
    background:url(../img/side_bg_middle.gif) repeat-y left top;
	width:234px;
	padding:0 7px;
	font-size:75%;
	line-height:1.4em;
}
#side dl.box dd p{
    float:left;
	clear:both;
    padding:5px;
	width:228px;
}
#side dl.box dd ul{
    float:left;
	clear:both;
	margin-top:5px;
}
#side dl.box dd ul li{
    float:left;
	clear:both;
	margin-bottom:10px;
}
#side dl.box dd ul li img{
   border:solid 1px #666666;
   border-collapse:separate;
   margin:-1px;
}#blog_title {
    float:left;
}
#blog_btn {
   float:right;
   padding-right:10px;
}
/*--------------------------------------*/
/*---------------footer-----------------*/
#contents_footer {
    background:url(../img/footer_bg.gif) repeat-x left bottom;
    width:100%;
	margin-top:50px;
	clear:both;
	text-align:center;
	min-height:80px;
}
#footer_links {
	background:url(../img/footer_links_bg.gif) repeat-x #f1f1f1 left top;
	width:100%;
	min-height:29px;
}
#footer_links .arrow_list{  
	float:left;
	margin:5px;
	width:600px;
}
.footer {
    position:relative;
    width:850px;
	margin:0 auto;
}
#copy {
    float:right;
	margin-top:25px;
}
#contents_footer #address{
    float:left;
	margin-top:15px;
	padding:0;
	line-height:1.4em;
    color:#FFFFFF;
	font-size:70%;
	text-align:left;
}
/*-----page top------*/
#pagetop {
    position:absolute;
	top:-10px;
	right:0;
}
/*-------------------*/
/*-------------link base---------------------*/
a:link,a:visited {
    color:#003366;
	text-decoration:underline;
}
a:hover ,a:active {
    color:#0066cc;
	text-decoration:underline;
}
/*---------------margin-----------------*/
/* margin-top */
	.mt00 { margin-top: 0px; }
	.mt05 { margin-top: 5px; }
	.mt10 { margin-top: 10px; }
	.mt15 { margin-top: 15px; }
	.mt20 { margin-top: 20px; }
	.mt25 { margin-top: 25px; }
	.mt30 { margin-top: 30px; }
	.mt35 { margin-top: 35px; }
	.mt40 { margin-top: 40px; }
	.mt45 { margin-top: 45px; }
	.mt50 { margin-top: 50px; }
	.mt55 { margin-top: 55px; }
	.mt60 { margin-top: 60px; }	
/* margin-right */
	.mr00 { margin-right: 0px; }
	.mr05 { margin-right: 5px; }
	.mr10 { margin-right: 10px; }
	.mr15 { margin-right: 15px; }
	.mr20 { margin-right: 20px; }
	.mr25 { margin-right: 25px; }
	.mr30 { margin-right: 30px; }
	.mr35 { margin-right: 35px; }
	.mr40 { margin-right: 40px; }
	.mr45 { margin-right: 45px; }
	.mr50 { margin-right: 50px; }
	.mr55 { margin-right: 55px; }
	.mr60 { margin-right: 60px; }
	
/* margin-bottom */
	.mb00 { margin-bottom: 0px; }
	.mb05 { margin-bottom: 5px; }
	.mb10 { margin-bottom: 10px; }
	.mb15 { margin-bottom: 15px; }
	.mb20 { margin-bottom: 20px; }
	.mb25 { margin-bottom: 25px; }
	.mb30 { margin-bottom: 30px; }
	.mb35 { margin-bottom: 35px; }
	.mb40 { margin-bottom: 40px; }
	.mb45 { margin-bottom: 45px; }
	.mb50 { margin-bottom: 50px; }
	.mb55 { margin-bottom: 55px; }
	.mb60 { margin-bottom: 60px; }
/* margin-left */
	.ml00 { margin-left: 0px; }
	.ml05 { margin-left: 5px; }
	.ml10 { margin-left: 10px; }
	.ml15 { margin-left: 15px; }
	.ml20 { margin-left: 20px; }
	.ml25 { margin-left: 25px; }
	.ml30 { margin-left: 30px; }
	.ml35 { margin-left: 35px; }
	.ml40 { margin-left: 40px; }
	.ml45 { margin-left: 45px; }
	.ml50 { margin-left: 50px; }
	.ml55 { margin-left: 55px; }
	.ml60 { margin-left: 60px; }
	.ml80 { margin-left: 80px; }
/*--------------------------------------*/


