@charset "utf-8";

/*===================================================
制作日：2009.05.21
製作者：松永
更新日：
更新者：

+全体構造

+a

+枠
  -body
　-container
  -contents-wrapper
　-contents
  -contets-bottom

+header ヘッダー
  -header_menu

+footer フッター
  -footer_menu
　-copy right コピーライト

+globalnavi グローバルナビゲーション

+others
  -pankuzu, paging, pagetop
  -background, border, img
  -margin, padding
  -font
  
==================================================== */


/* 全体構造
---------------------------------------------------- */
* { 
	font-family: Verdana, Arial, sans-serif;
}
body,form,fieldset,p,div,pre,blockquote{
	margin: 0;
	padding: 0;
}
input.box{
	padding: 0 3px 0 0;
}
div,p{
	line-height: 1.4;
}
h1,h2,h3,h4,h5,h6{
	margin: 0px; 
	padding: 0px; 
	font-weight: normal;
	font-size: 100%;
} 
ul,ol,li,dl,dt,dd,img {
	list-style: none;
	margin:0;
	padding:0;
	border:0;
}
table{
	border-collapse: collapse;
}
br {
	margin:0;
	padding:0;
	border:0;
	letter-spacing:0; /* IE */
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* for macIE \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end of for macIE */

.clear {
	clear: both; 
	font-size: 1px; 
	line-height: 1px; 
	height: 1px;
}
div{
    zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* リンク
---------------------------------------------------- */
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #02699B;
	text-decoration:underline;
}
a.underline{
	text-decoration: underline;
}

/* body,container,contents
---------------------------------------------------- */
body{
	text-align: center;
}
#container{
	position:relative;
	width: 760px;
	height: 100%;
	font-size: 80%;
	text-align:left;
	margin: 0 auto;
}
#contents-wrapper{
	background: #FFF url(../images/contents_bk2.gif) repeat-y left top;
}
#contents{
	width: 730px;
	padding: 0 15px 0 15px;
}
#contents-bottom{
	background: #FFF url(../images/contents_bk3.gif) no-repeat left bottom;
	padding: 0 15px 15px 0;
	margin-bottom: 5px;
}

/* header
---------------------------------------------------- */
#header{
	position: relative;
	background: url(../images/header_bk.gif) no-repeat left top;
	width: 760px;
	height: 95px;
	margin-bottom: 0px;
}
#header-preview{
	position: relative;
	background: url(../images/header_preview_bk.gif) no-repeat left top;
	width: 760px;
	height: 95px;
	margin-bottom: 0px;
}
#header h1{
	position: absolute;
	bottom: 15px;
	left: 15px;
}
#header h1 a{
	display: block;
	width: 194px;
	height: 55px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/logo.gif) no-repeat left top;
}
#header h2{
	position: absolute;
	top: 35px;
	left: 224px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/header_copy.gif) no-repeat left top;
	width: 339px;
	height: 20px;
}
#header_menu{
	position: absolute;
	right: 15px;
	bottom: 15px;
	float: right;
}
#header_menu ul{
}
#header_menu li {
	float: left;
	margin-left: 10px;
}
#header_menu li a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 13px;
}

#header_menu li#h_menu1 a{
	background: url(../images/header_menu_home.gif) no-repeat left bottom;
	width: 54px;
}
#header_menu li#h_menu2 a{
	background: url(../images/header_menu_sitemap.gif) no-repeat left bottom;
	width: 78px;
}
#header_menu li#h_menu3 a{
	background: url(../images/header_menu_contact.gif) no-repeat left bottom;
	width: 83px;
}
/*#header_menu li#h_menu4 a{
	background: url(../images/header_menu_contact.gif) no-repeat left bottom;
	width: 83px;
}*/


/* footer
---------------------------------------------------- */
#footer{
	position: relative;
	background: url(../images/footer_bk.gif) no-repeat left top;
	width: 760px;
	height: 148px;
}
#footer_menu ul{
	position: absolute;
	top: 25px;
	left: 15px;
	width: 100%;
}
#footer_menu li{
	float: left;
	margin-right: 10px;
}
#footer_menu li a{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 14px;
}
#footer_menu li#f_menu1 a{
	background: url(../images/footer_menu_sisetu.gif) no-repeat left bottom;
	width: 112px;
}
#footer_menu li#f_menu2 a{
	background: url(../images/footer_menu_privacy.gif) no-repeat left bottom;
	width: 121px;
}
#footer_menu li#f_menu3 a{
	background: url(../images/footer_menu_sitepolicy.gif) no-repeat left bottom;
	width: 89px;
}
#footer_menu li#f_menu4 a{
	background: url(../images/footer_menu_company.gif) no-repeat left bottom;
	width: 62px;
}
#footer_menu li#f_menu5 a{
	background: url(../images/footer_menu_link.gif) no-repeat left bottom;
	width: 98px;
}

#copyright{
	position: absolute;
	bottom: 50px;
	left: 263px;
	text-align: center;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/copyright.gif) no-repeat left top;
	width: 236px;
	height: 13px;
}

/* global_navi
---------------------------------------------------- */
#globalnavi{
	width: 760px; 
	background: url("../images/global_navi_hover.gif") no-repeat left top;
	margin-bottom: 10px;
}
#globalnavi ul{
	width: 760px; 
}
#globalnavi li{
	float:left;
}
#globalnavi li a{
	display: block;
	height: 52px;
	width: 152px;
	text-indent: -9999px;
	background: url("../images/global_navi.gif") no-repeat left bottom;
}
#globalnavi li#menu1 a {
	background-position: 0px 0px;
	width: 152px;
}
#globalnavi li#menu2 a {
	background-position: -152px 0px;
}
#globalnavi li#menu3 a{
	background-position: -304px 0px;
}
#globalnavi li#menu4 a{
	background-position: -456px 0px;
}
#globalnavi li#menu5 a{
	background-position: -608px 0px;
}

#globalnavi li a:hover,
#globalnavi li a.current{
	background: none;
}

/* others
---------------------------------------------------- */
h2.bar{
	margin: 15px 0 10px 0;
}
p.information{
	background: url(../images/list_bullet2.gif) no-repeat 0 2px;
	padding-left: 20px;
}
.information dd{
	border-bottom: 1px dotted #CCC;
	background: url(../images/list_bullet2.gif) no-repeat 0 2px;
	margin-bottom: 3px;
	padding: 0 0 3px 20px;
}
.information dd.nolink{
	background: url(../images/list_bullet1.gif) no-repeat 0 2px;
	padding-left: 20px;
}
.list-bullet3{
	background: url(../images/list_bullet3.gif) no-repeat left center;
	padding-left: 15px;
}
img.icon_new{
	margin: 0 0 -1px 3px;
}

/* pankuzu, paging, pagetop
---------------------------------------------------- */
#pankuzu{
	font-size: 10px;
	margin: 15px 5px 1px 0;
}
#pankuzu p{
	float: right;
}
#pankuzu a{
	text-decoration: underline;
}
.paging{
	clear: both;
	margin: 10px auto;
	text-align: center;
	border-bottom: 1px solid #CECECE;
	padding-bottom: 10px;
}
.paging2{
	clear: both;
	margin: 10px auto;
	text-align: center;
}
.paging img{
	margin-bottom: -1px;
}
.pagetop a{
	float: right;
}

/* background, border, img
---------------------------------------------------- */

.bk_gray{
	background-color: #EEE;
}
.border_gr{
	border-bottom: 1px solid #CECECE;
}
.border_grwh{
	background: url(../images/border-grwh.gif) repeat-x left bottom;
}
.border_blwh{
	background: url(../images/common/border-blwh.gif) repeat-x left bottom;
}
img.left{
	float: left;
	padding: 0 5px 0 0;
}
img.right{
	float: right;
	padding: 0 0 0 5px;
}
img.top{
	margin: 0 auto;
	text-align: center;
	padding: 0 0 5px 0;
}
img.bottom{
	padding: 5px 0 0 0;
}
/* margin, padding
---------------------------------------------------- */
.margin-auto{
	margin: 0　auto;
	text-align: center;
}
.margin-t5{
	margin-top: 5px;
}
.margin-t10{
	margin-top: 10px;
}
.margin-t20{
	margin-top: 20px;
}
.margin-t50{
	margin-top: 50px;
}
.margin-t100{
	margin-top: 100px;
}

/* ---------------------------- */
.margin-b5{
	margin-bottom: 5px;
}
.margin-b7{
	margin-bottom: 7px;
}
.margin-b10{
	margin-bottom: 10px;
}
.margin-b20{
	margin-bottom: 20px;
}
.margin-b50{
	margin-bottom: 50px;
}

/* ---------------------------- */
.margin-r10{
	margin-right: 10px;
}
/* ---------------------------- */
.padding-b10{
	padding-bottom: 10px;
}
/* ---------------------------- */
.padding-r10{
	padding-right: 10px;
}
/* font
---------------------------------------------------- */
.font-size85{
	font-size: 85%;
	_font-size: 10px;
}
.inline_img{
	margin-bottom: -1px;
}
.alert{
	font-size:   12px;
	font-weight: bold;
	color:       #ff0000;
}