/*--------------------------------------------------------------------------


							common.css


---------------------------------------------------------------------------*/

/*------------------------------- 001_CSS 基本設定 -------------------------------*/
* {
	margin: 0;
	padding: 0;
	outline-color: #000000;
	}

body {
	position: relative;
	margin: 0;
	padding: 0;
	text-align:center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../images/body_bg.gif) repeat-x;
	font-size:small;
	color: #FFFFFF;
	}
	
#main
    {
     margin-left:auto;    
     margin-right:auto;   
     text-align:left;     
     width:650px;         
    }	

#content {
	width: 750px;
	margin:0 auto;
	}

img { border: none; }

p {
	font-size: small;
	line-height:1.5em;
	margin: 0 0 1em 0;
	}

teble {border-collapse: collapse;}

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

a {	outline: none;}
a:hover { text-decoration: underline;}

hr {color:#FFFFFF; clear:both; }
hr.dot {border:none; border-bottom:#CCCCCC dotted 1px; margin:10px 0;}
hr.dsh {border:none; border-bottom:#CCCCCC dashed 1px; margin:10px 0;}
hr.clear { margin:0; padding:0; visibility:hidden; border:0; height:1px;}
/*--------- float_CSS -----------*/
.clear { clear: both; }
.f_right { float: right; }
.f_left { float: left; }

img.f_right { float: right; margin:0 0 10px 10px; }
img.f_left { float: left; margin:0 10px 10px 0; }
/*--------- text_CSS -----------*/
.t_right { text-align: right;}
.t_small { font-size: x-small;}
.t_med {font-size:medium;}
.t_strong { font-weight: bold;}
.t_indent { text-indent: 1em;}
/*--------- clearfix -----------*/
.clearfix:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* Hides from IE-mac \*/ 
.clearfix {display: inline-block;} 
/* End hide from IE-mac */
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
/*------------------------------- 001_CSS 基本設定 end -------------------------------*/

#wrap00 {
	width: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

/*------------------------------- 002_CSS ヘッダー設定 -------------------------------*/
#header {
	width: 830px;
	background: url(../images/header_bg.gif) no-repeat bottom;
	margin: 0 0 1px 0;
	}

#header img#rogo {
	float: left;
	margin: 10px;
	}
	
/*---------- サブナビ ----------*/	
#header ul#sub_navi {
	margin-top: 10px;
	float: right;
	width: 244px;
	height: 15px;
	overflow: hidden;
	}

#header ul#sub_navi li {
	float: left;
	}
	
#header ul#sub_navi li a{
	background:url(../images/sub_navi.gif) no-repeat;
	display:block;
	height:15px;
	text-indent:-5000px;
	}

#header ul#sub_navi li.praivacy a{ width:100px; background-position:0 0;	}
#header ul#sub_navi li.sitemap a{ width:72px; background-position: -100px 0;}
#header ul#sub_navi li.contact a{ width:72px; background-position: -172px 0;}

#header ul#sub_navi li.praivacy a:hover { background-position:0 -15px;	}
#header ul#sub_navi li.sitemap a:hover { background-position: -100px -15px;}
#header ul#sub_navi li.contact a:hover { background-position: -172px -15px;}
/*---------- グローバルナビ ----------*/
#header ul#groval_navi {
	float: right;
	width: 575px;
	* width: 580px;
	margin: 36px 0 0 0;
	}

#header ul#groval_navi li{
	float: left;
	width: 110px;
	height: 25px;
	margin: 0 0 0 5px;
	}

#header ul#groval_navi li a{
	display: block;
	width: 110px;
	height: 25px;
	text-indent: -5000px;
	background: url(../images/g_navi.gif) no-repeat;
	}

/*------------------------------- 002_CSS ヘッダー設定_end -------------------------------*/

/*------------------------------- 003_CSS レイアウト -------------------------------*/
#wrap01 {
	clear: none;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/wrap02_bg.gif);
	float: none;
	width: 802px;
	}
	
#wrap01 #wrap02 {
	width: 802px;
	margin: 0 10px 0 0;
	}

#wrap01 #wrap02 h2 img{
	margin-bottom: 5px;
	}
	
#wrap01 #wrap02 p{
	margin: 0 5px;
	}
	
#wrap01 #wrap02 .bl_end{
	margin-bottom:1.5em;
	}
/*------------------------------- 004_CSS ローカルナビエリア -------------------------------*/
#wrap01 #rightbox {
	float: left;
	width: 190px;
	padding: 0 10px 10px 10px;
	}

#wrap01 #rightbox h2{
	margin: 10px 0 0 0 ;
	}

#wrap01 #rightbox ul{
	background-color: #FFFFFF;
	padding: 5px;
	}

#wrap01 #rightbox ul li{ dotted 1px #CCCCCC; }

#wrap01 #rightbox ul li a {
	padding: 5px;
	display: block;
	color: #333333;
	text-decoration: none;
	}

#wrap01 #rightbox ul li a:hover {
	background: #6893BC;
	color: #FFFFFF;
	}

#wrap01 #rightbox img.baner {
	margin: 10px 0 0 0;
	}

/*------------------------------- 005_CSS フッター -------------------------------*/	
#footer {
	clear:both;
	width: 830px;
	padding: 5px 0 15px 0;
	text-align:center;
	border-top: #6893BC 5px solid;
	font-size: 12px;
	}