﻿@charset "utf-8";

/*-- default style clear ---------------------*/
* {
	margin: 0;
	padding: 0;}

body {
	font-family:helvetica,arial,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 74.5%;
	font-weight : normal;
	font-style : normal;
	height:100%;
	text-align: center;
	line-height: 1.6;
	color: #444444;
	background-color: #ffffff;}

html>/**/body {overflow: scroll;}

h1,h2,h3,h4,h5,h6,address,th {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;}
	
img {
    border-style: none;
    vertical-align: bottom;}
		
ul,ol {list-style: none;}

strong,em {font-style: normal;}

a{color:#0149a2;}
a:hover{color:#0072ff;}


/*-- clearfix ---------------------*/
#wrapper .clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;}
#wrapper .clearfix {display: inline-block;}/* exlude MacIE5 \*/
* html .clearfix {height: 1%}
#wrapper .clearfix {display:block;}/* end MacIE5 */



/*-- all id & class ---------------------*/
.block {display: block;}

.font_sss { font-size:70%;}
.font_ss { font-size:80%;}
.font_s { font-size:90%;}
.font_l { font-size:120%;}
.font_ll { font-size:140%;}
.f_bold {font-weight: bold;}
.f_underline { text-decoration:underline;}

.f_white { color:#fff;}
.f_red{color: #F00;}
.f_pink{color: #ee9ca8;}
.f_green{color: #1cae4b;}
.f_yellow{color: #f2af3c;}

.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

.txt_left {text-align: left;}
.txt_center {text-align: center;}
.txt_right {text-align: right;}

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

.v_top{ vertical-align:top;}
.v_middle{ vertical-align: middle;}
.v_baseline{ vertical-align: baseline;}

.m_top2 {margin-top: 2px;}
.m_top5 {margin-top: 5px;}
.m_top10 {margin-top: 10px;}
.m_top15 {margin-top: 15px;}
.m_top20 {margin-top: 20px;}
.m_top25 {margin-top: 25px;}
.m_top30 {margin-top: 30px;}
.m_top40 {margin-top: 40px;}
.m_right5 {margin-right: 5px;}
.m_right10 {margin-right: 10px;}
.m_right15 {margin-right: 15px;}
.m_right20 {margin-right: 20px;}
.m_right25 {margin-right: 25px;}
.m_right30 {margin-right: 30px;}
.m_right40 {margin-right: 40px;}
.m_bottom5 {margin-bottom: 5px;}
.m_bottom10 {margin-bottom: 10px;}
.m_bottom15 {margin-bottom: 15px;}
.m_bottom20 {margin-bottom: 20px;}
.m_bottom25 {margin-bottom: 25px;}
.m_bottom30 {margin-bottom: 30px;}
.m_bottom40 {margin-bottom: 40px;}
.m_left5 {margin-left: 5px;}
.m_left10 {margin-left: 10px;}
.m_left15 {margin-left: 15px;}
.m_left20 {margin-left: 20px;}
.m_left25 {margin-left: 25px;}
.m_left30 {margin-left: 30px;}
.m_left40 {margin-left: 40px;}


.p_top5 {padding-top: 5px;}
.p_top10 {padding-top: 10px;}
.p_top15 {padding-top: 15px;}
.p_top20 {padding-top: 20px;}
.p_top25 {padding-top: 25px;}
.p_top30 {padding-top: 30px;}
.p_top40 {padding-top: 40px;}
.p_right5 {padding-right: 5px;}
.p_right10 {padding-right: 10px;}
.p_right15 {padding-right: 15px;}
.p_right20 {padding-right: 20px;}
.p_right25 {padding-right: 25px;}
.p_right30 {padding-right: 30px;}
.p_right40 {padding-right: 40px;}
.p_bottom5 {padding-bottom: 5px;}
.p_bottom10 {padding-bottom: 10px;}
.p_bottom15 {padding-bottom: 15px;}
.p_bottom20 {padding-bottom: 20px;}
.p_bottom25 {padding-bottom: 25px;}
.p_bottom30 {padding-bottom: 30px;}
.p_bottom40 {padding-bottom: 40px;}
.p_left5 {padding-left: 5px;}
.p_left10 {padding-left: 10px;}
.p_left15 {padding-left: 15px;}
.p_left20 {padding-left: 20px;}
.p_left25 {padding-left: 25px;}
.p_left30 {padding-left: 30px;}
.p_left40 {padding-left: 40px;}


.w50p {width:50px;}
.w100p {width:100px;}
.w150p {width:150px;}
.w200p {width:200px;}
.w230p {width:230px;}
.w240p {width:240px;}
.w250p {width:250px;}
.w280p {width:280px;}
.w290p {width:290px;}
.w300p {width:300px;}
.w350p {width:350px;}
.w400p {width:400px;}
.w450p {width:450px;}
.w500p {width:500px;}
.w550p {width:550px;}
.w560p {width:560px;}
.w580p {width:580px;}
.w600p {width:600px;}
.w700p {width:700px;}
.w800p {width:800px;}
.w900p {width:900px;}

.w10percent {width:10%;}
.w15percent {width:15%;}
.w20percent {width:20%;}
.w25percent {width:25%;}
.w30percent {width:30%;}
.w40percent {width:40%;}
.w50percent {width:50%;}
.w55percent {width:55%;}
.w60percent {width:60%;}
.w70percent {width:70%;}
.w80percent {width:80%;}
.w90percent {width:90%;}
.w100percent {width:100%;}




/*-- layout ---------------------*/
#wrapper{
	background-color:#ffffff;
	margin:0 auto; padding:0 0 0 0;
	width:980px;
	text-align:left;}
	
h1{
	background:url(../img/h1.gif) no-repeat left top;
	line-height:33px;
	margin-bottom:20px;
	font-weight:bold;
	font-size:120%;
	width:100%;
	padding-left:17px;
	}
h2{
	background:url(../img/h2.gif) no-repeat left bottom;
	padding-bottom:3px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:120%;
	width:100%;
	color:#007e81;
	}
	
h3{
	background:url(../img/h3.gif) no-repeat left;
	margin-bottom:10px;
	font-weight:bold;
	font-size:120%;
	width:100%;
	padding-left:12px;
	}
h4{
	margin-bottom:10px;
	font-weight:bold;
	font-size:100%;
	color:#007e81;
	}
h5{
	margin-bottom:10px;
	font-weight:bold;
	font-size:100%;
	color:#444444;
	}
	
p {
	padding:0 10px;}


/*-- global ---------------------*/
#global{}
#global li{
	float:left;}
	
/*-- breadcrumb ---------------------*/	
#breadcrumb{}
#breadcrumb li{
	float:left;
	margin-right:3px;
	font-size:11px;
	line-height:40px;
	height:40px;
	color:#0149a2;}
#breadcrumb li a{
	color:#444444;
	text-decoration:none;}
#breadcrumb li a:hover{
	text-decoration:underline;}

/*-- header ---------------------*/
#header{
	height:55px;}
#logo{float:left; margin-right:195px;}

/*リンク*/
#header_link{ float:left; margin-top:19px; margin-right:30px;}
#header_link li{
	float:left;
	font-size:10px;}
#header_link li a{ color:#656565;}
#header_link li a:hover{ color:#888888;}

/*印刷*/
#header_print{ float:left; margin-top:17px; margin-right:20px;}

/*検索*/
#header_search{float:right; margin-top:17px;}
#search_box{
	width:128px;
	height:21px;
	border:none;
	background:url(../img/header_searchbox.jpg) no-repeat 0 0;
	float:left;
	padding-left:22px;}
#search_btn{
	float:left;}	
	
	
/*文字サイズ*/
#header_textsize{float:left; margin-top:17px;}
#header_textsize li{
	float:left;}
#header_textsize img { vertical-align:top;}
#header_textsize .sizeM{

	margin-right:8px;}

body.fontL {font-size: 100%;}
body.fontM {font-size: 74.5%;}

#medium a,
#medium a:hover {
	display: block;
	width: 21px;
	height: 21px;
	background: url(../img/header_textsize_m_on.gif) no-repeat 0 0;
	overflow: hidden;}
#medium a:hover {background: url(../img/header_textsize_m_on.gif) no-repeat 0 0;}
.fontS #medium a,
.fontL #medium a {background: url(../img/header_textsize_m_off.gif) no-repeat 0 0;}
.fontS #medium a:hover,
.fontL #medium a:hover {background: url(../img/header_textsize_m_on.gif) no-repeat 0 0;}
#large a,
#large a:hover {
	display: block;
	width: 20px;
	height: 21px;
	background: url(../img/header_textsize_l_off.gif) no-repeat 0 0;
	overflow: hidden;}
#large a:hover {background: url(../img/header_textsize_l_on.gif) no-repeat 0 0;}
.fontM #medium a {
	display: block;
	width: 21px;
	height: 21px;
	background: url(../img/header_textsize_m_on.gif) no-repeat 0 0;
	overflow: hidden;}
.fontL #large a {
	display: block;
	width: 20px;
	height: 21px;
	background: url(../img/header_textsize_l_on.gif) no-repeat 0 0;
	overflow: hidden;}
	


/*-- footer ---------------------*/

/*最下部固定用*/
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
#main,#inner_main {padding-bottom: 77px;}  /* must be same height as the footer */


#footer{
	margin:0 auto 0 auto;
	width:980px;
	background:url(../../common/img/footer_bg.gif) left bottom no-repeat;
	position: relative;
	margin-top:-77px; /* negative value of footer height */
	height:77px;
	clear:both;}
#footer_inner{
	margin-top:8px;
	padding-left:20px;
	font-size:11px;
	color:#ffffff;
	text-align:left;}
#footer_inner a{
	color:#ffffff;}

#pagetop{
	text-align:right;
	padding-top:30px;}


/*-- main ---------------------*/

#main{
	margin-top:20px;}
#main_left{
	width:740px;
	float:left;}
#main_right{
	width:220px;
	float:right;}
	
	
#inner_main{}
#inner_left{
	float:left;
	width:180px;
	margin-right:20px;}
#inner_contents{
	float:left;
	width:580px;}
#inner_right{
	width:180px;
	float:right;}
#quicknavi{
	background:url(../../ir/img/quick02.gif) no-repeat bottom;
	padding-bottom:5px;}
#quicknavi li{
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;
	padding:5px 5px 0 5px;}
#quicknavi li a {
	background:url(../../ir/img/quick_icon.gif) no-repeat 7px 0.7em;
	background-color:#eeeeee;
	display:block;
	padding:2px 0 2px 18px;
	font-size:90%;}

#whatsnew{
	background:url(../img/bar_whatsnew.jpg) no-repeat left top;
	width:740px;
	height:32px;
	text-align:right;}

#newsrelease{
	background:url(../img/bar_newsrelease.jpg) no-repeat left top;
	width:740px;
	height:32px;
	text-align:right;}
	
#topics{
	background:url(../img/bar_topics.jpg) no-repeat left top;
	width:740px;
	height:32px;
	text-align:right;
	margin-top:20px;}

.newsbox{
	border:1px solid #cccccc;
	padding:0px 10px 15px 10px;}

.newsbox_icon{ width:65px;}
.newsbox_date{ width:100px;}
.newsbox_text a{ text-decoration:underline;}

.table_newsbox  {
	background:#fff;
	width:100%;}
.table_newsbox tr,.table_newsbox td ,.table_newsbox th{
	border:none;}
.table_newsbox td,.table_newsbox th{
	padding:10px 0 0 0;}
.table_newsbox th{
	text-align:center;}
	

