/* 全域定義 */
html {
    background: none transparent scroll repeat 0% 0%;
    margin: 0px;
    vertical-align: baseline;
    outline: 0;
}

body {
    background-color: #FFFFFF;
    text-align: left; 
    margin: 0px;
    padding: 0px;
    color: #666666;
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;line-height:150%;
}

input, select, table, tr, td, div, textarea {
    color: #666666;
    font: normal 13px "MS PGothic", AppleGothic, Verdana, Helveltica;
}

input, textarea {
    -webkit-border-radius: 1px;
    background: url(none)
}
a{text-decoration:none;}
img {border: none;}

input, textarea {
    border: solid 1px #BCBCBC
}

/* ヘッダー */
#header {
	height: 60px; background-color:#39C;
	background-repeat: repeat-x;
}
#header .logo {
    float: left;
    padding-top: 8px;
}
#header .tel {
    padding-top: 8px;
    padding-right: 3px;
    text-align: right;
}

/* トップメイン */
#top_main {
    background-color: #E8FAFB;
}

/* 見出し */
h3{
	font-size:14px; color:#FFF; 
	background:#369; padding:5px;text-shadow: 0 -1px 1px #000;
	}
h3.ttl1{
	font-size:14px;
	color:#FFF;
	padding:5px;
	text-shadow: 0 -1px 1px #666;
	background-color: #6CC;
	}
h3.ttl2{
	font-size:12px;
	color:#FFF;
	padding:2px 2px 2px 5px; margin:5px 0px 5px 0px;
	text-shadow: 0 -1px 1px #666;
	background-color: #99C;
	}
h4{
	font-size:14px; color:#369;
	}

/* 矢印つきリスト */
.list1 ul{
	border-bottom: 1px solid #ccc;
	}
.list1 ul li{
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#C1DFEB));
	background: linear-gradient(#fff, #C1DFEB);
	border-bottom: 1px solid white;
	border-top: 1px solid #ccc;
	height: 44px;
	margin: 0; font-size:15px;
	}
.list1 ul li a{
	color: #333;
	display: block;
	height: 44px;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	line-height: 44px;
	background-image: url(../img/list_mark1.png);
	background-repeat: no-repeat;
	background-position: 100% 50%; border-left:solid 5px #39C;
	}
	
/* コンテンツ */
.contents {
    font: normal 13px;
    text-align: left;
    padding: 5px 5px 5px 5px;
    color: #333333;min-height:0px;
    background-color: #FFF;
}
.section{
	margin-bottom:10px; clear:both;
	}
	
/* 下層メイン */
#sub_main {
    background-color: #D4F2F0;
}
.gbox{
	border:3px solid #e8e8e8;
	padding:5px;
	}
.table td{ border-bottom:dotted 2px #CCC; padding:5px 5px 5px 5px;}

/* フッター */
#footer {
    background-color: #369; color:#FFF;
	padding:10px; margin-top:10px;
}
#copyright {
	background-color: #E4EFFA;
    font-size: 11px;
    text-align: center;
    padding:8px;
}

/* その他 */
.textRed{color:#C00;}
.textOrange{color:#F60;}
.textWhite{color:#FFF;}
.textBrown{color:#960;}
.textBlue{color:#069;}
.textGray{color:#999;}

.textLL{ font-size:20px;line-height:140%;}
.textL{ font-size:16px;line-height:140%;}
.textM{ font-size:12px;line-height:140%;}
.textS{ font-size:10px;line-height:140%;}

.mt01{ margin-top:1px;}
.mt02{ margin-top:2px;}
.mt03{ margin-top:3px;}
.mt04{ margin-top:4px;}
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}

.mb01{ margin-bottom:1px;}
.mb02{ margin-bottom:2px;}
.mb03{ margin-bottom:3px;}
.mb04{ margin-bottom:4px;}
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}

.mr01{ margin-right:1px;}
.mr02{ margin-right:2px;}
.mr03{ margin-right:3px;}
.mr04{ margin-right:4px;}
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}

.ml01{ margin-left:1px;}
.ml02{ margin-left:2px;}
.ml03{ margin-left:3px;}
.ml04{ margin-left:4px;}
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}

.normal{ font-weight:normal;}

/* ボタン */
a.btn1{
	width: 100px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #000;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	border-radius: 10px; 
	border: 1px solid #63b7ec;
	font-weight: bold;
	background: #9bd8ff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b9e4ff), to(#62b5ea));
	background: #9bd8ff linear-gradient(#b9e4ff, #62b5ea);
	}
a.btn2{
	width: 100px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #666;
	border-radius: 10px;
	font-weight: bold;
	background: #e22092 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f45cb5), to(#e22092)); 
	background: #e22092 linear-gradient(#f45cb5, #e22092);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	}
a.btn3{
	width: 100px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #666;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	border-radius: 3px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	font-weight: bold;
	-webkit-box-shadow: 1px 1px 2px #e7e7e7;  
	box-shadow: 1px 1px 2px #e7e7e7;  
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), 		color-stop(0.01, #f1f1f1), 
		color-stop(0.5, #f1f1f1), 
		color-stop(0.99, #dfdfdf), 
		to(#ccc));
	background: linear-gradient(#fff, #f1f1f1 1% , #f1f1f1 50% , #dfdfdf 99%, #ccc);
	}
a.btn4{
	width: 100px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	border-radius: 5px;
	border-top: 1px solid #d25f11;
	border-right: 1px solid #d25f11;
	border-bottom: 1px solid #b85511;
	border-left: 1px solid #d25f11;
	font-weight: bold;
	-webkit-box-shadow:inset 0 1px 0px #ffc290;
	box-shadow:inset 0 1px 0px #ffc290;
	background: -webkit-gradient(linear, left top, left bottom, from(#fe923b), to(#e26411));
	background: linear-gradient(#fe923b #e26411);
	}
a.btn5{
	width: 100px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px -1px 1px rgba(0,0,0,0.25);
	border-radius: 5px;
	border:1px solid #000;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#4f4f4f), 
		color-stop(0.48, #323232), 
		color-stop(0.5, #000), 
		to(#121212));
	background: linear-gradient(#4f4f4f, #323232 48% , #000 50%, #121212);
	}