﻿@charset "utf-8";

/* ------------------------------------------------
CSS Information

 File name:   style.css
 Summary  :   汎用スタイル
--------------------------------------------------- */

/*
 タイトル
--------------------------------------------------- */
.title01 {
	padding: 0 0 0 15px;
	background: url(../img/icon/icon01.gif) no-repeat 0 50%;
}

/*
 アイコン
--------------------------------------------------- */
.icon01 {
	padding: 0 0 0 15px;
	background: url(../img/icon/icon01.gif) no-repeat 0 50%;
}

.arrow01 {
	padding: 0 0 0 15px;
	background: url(../img/icon/arrow01.gif) no-repeat 0 50%;
}

.icon_disc01 {
	padding:0 0 0 15px;
	background: url(../img/icon/disc01.gif) no-repeat 0 45%;
}
.icon_disc02 {
	padding:0 0 0 15px;
	background: url(../img/icon/disc02.gif) no-repeat 0 45%;
}

.icon_link01 {
	padding:0 0 0 15px;
	background: url(../img/icon/link01.gif) no-repeat 0 50%;
}
.icon_link01:hover {
	padding:0 0 0 15px;
	background: url(../img/icon/link01_on.gif) no-repeat 0 50%;
}

/*
 順序無しリスト
--------------------------------------------------- */
.ul_disc {
	margin: 0 0 0 25px;
}
.ul_disc li {
	list-style-type: disc;
}

.ul_circle {
	margin: 0 0 0 25px;
}
.ul_circle li {
	list-style-type: circle;
}

.ul_decimal {
	margin: 0 0 0 25px;
}
.ul_decimal li {
	list-style-type: decimal;
}

/*
 定義リスト
--------------------------------------------------- */
.dl_style01 {
	border-top: 1px solid #CCCCCC;
}
.dl_style01 dt {
	margin: 7px 0 0 0;
}
.dl_style01 dd {
	padding: 0 0 6px 8em;
	margin: -1.6em 0 0 0;
	border-bottom: 1px solid #CCCCCC;
}

/*
 文字色
--------------------------------------------------- */
.red {
	color: #FF0000;
}

.green {
	color: #00FF00;
}

.blue {
	color: #0000FF;
}

.white {
	color: #FFFFFF;
}

/*
 背景色
--------------------------------------------------- */
.bg_red {
	background: #FF0000;
}

.bg_green {
	background: #00FF00;
}

.bg_blue {
	background: #00389E;
}

.bg_white {
	background: #FFFFFF;
}

.bg_gray {
	background: #E1E1E1;
}

/*
 table
--------------------------------------------------- */
.table01 th, 
.table01 td {
	padding: 4px 8px;
}

.table02 th {
	padding: 2px 7px;
	_padding: 6px 8px;
	border: 1px solid #FFFFFF;
	background-color: #e6EEEE;
	text-align: center;
}
.table02 td {
	padding: 2px 7px;
	_padding: 6px 8px;
	background: #FFFFFF;
}

/*
 .display
--------------------------------------------------- */
.dBlock {
	display: block;
}
.dInline {
	display: inline;
}
.li_dInline li {
	display: inline;
}

/*
 .border
--------------------------------------------------- */
.bTop {
	border-top: 1px solid #787878;
}
.bBottom {
	border-bottom: 1px solid #787878;
}

/*
 .box
--------------------------------------------------- */
.box50 {
	width: 50px;
	overflow: hidden;
}
.box60 {
	width: 60px;
	overflow: hidden;
}
.box70 {
	width: 780px;
	overflow: hidden;
}
.box80 {
	width: 80px;
	overflow: hidden;
}
.box90 {
	width: 90px;
	overflow: hidden;
}
.box100 {
	width: 100px;
	overflow: hidden;
}
.box110 {
	width: 110px;
	overflow: hidden;
}
.box120 {
	width: 120px;
	overflow: hidden;
}
.box130 {
	width: 130px;
	overflow: hidden;
}
.box140 {
	width: 140px;
	overflow: hidden;
}
.box150 {
	width: 150px;
	overflow: hidden;
}
.box200 {
	width: 200px;
	overflow: hidden;
}
.box250 {
	width: 250px;
	overflow: hidden;
}
.box260 {
	width: 260px;
	overflow: hidden;
}
.box300 {
	width: 300px;
	overflow: hidden;
}
.box350 {
	width: 350px;
	overflow: hidden;
}
.box400 {
	width: 400px;
	overflow: hidden;
}
.box450 {
	width: 450px;
	overflow: hidden;
}
.box465 {
	width: 465px;
	overflow: hidden;
}
.box500 {
	width: 500px;
	overflow: hidden;
}
.box550 {
	width: 550px;
	overflow: hidden;
}
.box560 {
	width: 560px;
	overflow: hidden;
}
.box600 {
	width: 600px;
	overflow: hidden;
}
.box650 {
	width: 650px;
	overflow: hidden;
}
.box700 {
	width: 700px;
	overflow: hidden;
}
.box750 {
	width: 750px;
	overflow: hidden;
}
.box800 {
	width: 800px;
	overflow: hidden;
}

/*
grid
--------------------------------------------------- */
.cols {
	overflow: hidden;
}

.cols2 .col {
	width:48%;
	margin-right:4%;
}
.cols2 .last {
	margin-right:0;
}
.cols3 .col {
	width:30%;
	margin-right:5%;
}
.cols3 .last {
	margin-right:0;
}
.cols4 .col {
	width:22%;
	margin-right:4%;
}
.cols4 .last {
	margin-right:0;
}
.col {
	float:left;
	display:inline;
	overflow: hidden;
}


/*
 text-align  clear  float
--------------------------------------------------- */
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

.clear {
	clear: both;
}
.fL {
	float: left;
}
.fR {
	float: right;
}

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
	display:inline-table;
	zoom: 1; /* for IE5.5 - IE7 */
}


/*
 font-weight font-style text-decoration
 font-size line-height text-indent
--------------------------------------------------- */
.indent {
	margin-left: 1em;
	text-indent: -1em;
}
.bold {
	font-weight: bold;
}
.normal{
	font-weight: normal;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}

.t50 {
	font-size:50%;
}
.t60 {
	font-size:60%;
}
.t70 {
	font-size:70%;
}
.t80 {
	font-size:80%;
}
.t90 {
	font-size:90%;
}
.t100 {
	font-size:100%;
}
.t110 {
	font-size:110%;
}
.t120 {
	font-size:120%;
}
.t130 {
	font-size:130%;
}
.t140 {
	font-size:140%;
}
.t150 {
	font-size:150%;
}
.t160 {
	font-size:160%;
}
.t170 {
	font-size:170%;
}
.t180 {
	font-size:180%;
}
.t190 {
	font-size:190%;
}
.t200 {
	font-size:200%;
}

.lh10 {
	line-height:1.0;
}
.lh11 {
	line-height:1.1;
}
.lh12 {
	line-height:1.2;
}
.lh13 {
	line-height:1.3;
}
.lh14 {
	line-height:1.4;
}
.lh15 {
	line-height:1.5;
}
.lh16 {
	line-height:1.6;
}
.lh17 {
	line-height:1.7;
}
.lh18 {
	line-height:1.8;
}
.lh19 {
	line-height:1.9;
}
.lh20 {
	line-height:2.0;
}

/*
 margin  margin-top  margin-bottom
--------------------------------------------------- */
.mar05 {
	margin:5px;
}
.mar10 {
	margin:10px;
}
.mar15 {
	margin:15px;
}
.mar20 {
	margin:20px;
}
.mar25 {
	margin:25px;
}
.mar30 {
	margin:30px;
}
.mar35 {
	margin:35px;
}
.mar40 {
	margin:40px;
}
.mar45 {
	margin:45px;
}
.mar50 {
	margin:50px;
}

.mTB05 {
	margin: 5px 0;
}
.mTB10 {
	margin: 10px 0;
}
.mTB15 {
	margin: 15px 0;
}
.mTB20 {
	margin: 20px 0;
}
.mTB25 {
	margin: 25px 0;
}
.mTB30 {
	margin: 30px 0;
}
.mTB35 {
	margin: 35px 0;
}
.mTB40 {
	margin: 40px 0;
}
.mTB45 {
	margin: 45px 0;
}
.mTB50 {
	margin: 50px 0;
}

.mT05 {
	margin-top: 5px;
}
.mT10 {
	margin-top: 10px;
}
.mT13 {
	margin-top: 13px;
}
.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;
}
.mT60 {
	margin-top: 60px;
}
.mT70 {
	margin-top: 70px;
}

.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;
}

.mB05 {
	margin-bottom: 5px;
}
.mB07 {
	margin-bottom: 07px;
}
.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;
}
.mB60 {
	margin-bottom: 60px;
}
.mB70 {
	margin-bottom: 70px;
}

.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;
}
.mL80 {
	margin-left:80px;
}
.mLR05 {
	margin-left:5px;
	margin-right:5px;
}
.mLR10 {
	margin-left:10px;
	margin-right:10px;
}
.mLR15 {
	margin-left:15px;
	margin-right:15px;
}
.mLR20 {
	margin-left:20px;
	margin-right:20px;
}
.mLR25 {
	margin-left:25px;
	margin-right:25px;
}
.mLR30 {
	margin-left:30px;
	margin-right:30px;
}


/*
 padding  padding-top  padding-right
 padding-bottom  padding-left
--------------------------------------------------- */
.pad05 {
	padding: 5px;
}
.pad10 {
	padding: 10px;
}
.pad15 {
	padding: 15px;
}
.pad20 {
	padding: 20px;
}
.pad25 {
	padding: 25px;
}
.pad30 {
	padding: 30px;
}
.pad35 {
	padding: 35px;
}
.pad40 {
	padding: 40px;
}
.pad45 {
	padding: 45px;
}
.pad50 {
	padding: 50px;
}

.pLR05 {
	padding-right: 5px;
	padding-left: 5px;
}
.pLR10 {
	padding-right: 10px;
	padding-left: 10x;
}
.pLR15 {
	padding-right: 15px;
	padding-left: 15px;
}
.pLR20 {
	padding-right: 20px;
	padding-left: 20px;
}
.pLR25 {
	padding-right: 25px;
	padding-left: 25px;
}
.pLR30 {
	padding-right: 30px;
	padding-left: 30px;
}
.pLR35 {
	padding-right: 35px;
	padding-left: 35px;
}
.pLR40 {
	padding-right: 40px;
	padding-left: 40px;
}
.pLR45 {
	padding-right: 45px;
	padding-left: 45px;
}
.pLR50 {
	padding-right: 50px;
	padding-left: 50px;
}

.pTB05 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.pTB10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pTB15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.pTB20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pTB25 {
	padding-top: 25px;
	padding-bottom: 25px;
}
.pTB30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pTB35 {
	padding-top: 35px;
	padding-bottom: 35px;
}
.pTB40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.pTB45 {
	padding-top: 45px;
	padding-bottom: 45px;
}
.pTB50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.pTB60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.pT05 {
	padding-top: 5px;
}
.pT10 {
	padding-top: 10px;
}
.pT15 {
	padding-top: 15px;
}
.pT20 {
	padding-top: 20px;
}
.pT25 {
	padding-top: 25px;
}
.pT30 {
	padding-top: 30px;
}
.pT35 {
	padding-top: 35px;
}
.pT40 {
	padding-top: 40px;
}
.pT45 {
	padding-top: 45px;
}
.pT50 {
	padding-top: 50px;
}
.pT60 {
	padding-top: 60px;
}

.pR05 {
	padding-right: 5px;
}
.pR10 {
	padding-right: 10px;
}
.pR15 {
	padding-right: 15px;
}
.pR20 {
	padding-right: 20px;
}
.pR25 {
	padding-right: 25px;
}
.pR30 {
	padding-right: 30px;
}
.pR35 {
	padding-right: 35px;
}
.pR40 {
	padding-right: 40px;
}
.pR45 {
	padding-right: 45px;
}
.pR50 {
	padding-right: 50px;
}
.pR60 {
	padding-right: 60px;
}

.pB05 {
	padding-bottom: 5px;
}
.pB10 {
	padding-bottom: 10px;
}
.pB15 {
	padding-bottom: 15px;
}
.pB20 {
	padding-bottom: 20px;
}
.pB25 {
	padding-bottom: 25px;
}
.pB30 {
	padding-bottom: 30px;
}
.pB35 {
	padding-bottom: 35px;
}
.pB40 {
	padding-bottom: 40px;
}
.pB45 {
	padding-bottom: 45px;
}
.pB50 {
	padding-bottom: 50px;
}
.pB60 {
	padding-bottom: 60px;
}

.pL05 {
	padding-left: 5px;
}
.pL10 {
	padding-left: 10px;
}
.pL15 {
	padding-left: 15px;
}
.pL20 {
	padding-left: 20px;
}
.pL25 {
	padding-left: 25px;
}
.pL30 {
	padding-left: 30px;
}
.pL35 {
	padding-left: 35px;
}
.pL40 {
	padding-left: 40px;
}
.pL45 {
	padding-left: 45px;
}
.pL50 {
	padding-left: 50px;
}
.pL60 {
	padding-left: 60px;
}
.pL70 {
	padding-left: 70px;
}



/*news css*/


#news {
	background-color: #FFFFFF;
	height: 130px;
	width: 554px;
	border: 3px solid #CBE4F8;
	margin-bottom: 20px;
}
#news ul {
	height: 130px;
	overflow-x: hidden;
	overflow-y: scroll;
}
#news ul li {
	background-image:url(../img/arrow.gif);
	background-repeat: no-repeat;
	height: auto;
	width: 495px;
	padding-top: 10px;
	padding-bottom: 8px;
	list-style-type: none;
	background-position: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3399FF;
	padding-left: 27px;
}
