@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
img {
	border:none;
	margin: 0;
	padding: 0;
}
a {
	text-decoration:none;
	color:#39F;
}
a:hover {
	color:#666;
}
li {
	list-style-type:none;
}
/*ブラウザのマージン*/
body {
	margin-top: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
	line-height:150%;
*text-align: center;
}
/*ページ配置*/
#main {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-right: auto;
	padding-top: 5px;
	background-color: #ffffff;
*text-align:left;
}
/*ブラウザ中心に配置*/
#wrapper {
	margin: auto;
	width: 960px;
	padding: 0px;
}
/*ヘッダー*/
#header {
	/*clear: both;*/
	width: 960px;
	height: 70px;
	margin :0px;
	padding: 0px;
	color:#1ba18e;
	border-bottom: 1px solid #ccc;
}
#logo {
	width:688px;
	height:80px;
	margin:0px;
	float:left;
}
/*ヘッドナビ*/
#headNavi {
	width: 272px;
	height: 20px;
	margin: 100px 0px 0px 0px;
	padding: 0px;
	float:right;
	color: #FFFFFF;
}
/*サブナビゲーション*/
#subnavi {
	width:auto;
	height:20px;
	float: left;
	margin: 0;
}
ul#subnavi {
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 12px;
}
ul#subnavi li {
	width: auto;
	float:left;
}
ul#subnavi li a {
	display: block;
	width: auto;
	padding: 0px;
	text-decoration: none;
	background-color: #FFF;
}
ul#subnavi li a:hover {
	display:block;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	color: #ffffff;
	margin: 0;
	padding-left: 0px;
	padding-top: 0px;
	background-color: #FFF;
}
/*子要素画像指定*/
#subnavi #sub0 {
	width: 90px;
	height: 20px;
	text-indent: -9999em;
	background-image: url(../commonImage/sub0.gif);
	background-repeat: no-repeat;
}
#subnavi #sub1 {
	width: 90px;
	height: 20px;
	text-indent: -9999em;
	background-image: url(../commonImage/sub1.gif);
	background-repeat: no-repeat;
}
#subnavi #sub2 {
	width: 90px;
	height: 20px;
	text-indent: -9999em;
	background-image: url(../commonImage/sub2.gif);
	background-repeat: no-repeat;
}
h1 {
	display:block;
	float:left;
	font-size:13px;
	margin:0px;
}
h2 {
	display:block;
	margin:0px;
	font-size:18px;
	line-height:180%;
	float:left;
}
h3 {
	display:block;
	margin:10px 0px;
	font-size:16px;
	line-height:180%;
}
h4 {
	display:block;
	font-size:14px;
	line-height:180%;
	color:#555;
	text-indent:.5em;
}
h5 {
	display:block;
	width:98%;
	font-size:13px;
	line-height:180%;
	border-bottom:1px solid #ccc;
	margin: 10px 10px 0px 5px;
}
#tel {
	width:180px;
	float:right;
	margin:15px 3px 0px 0px;
}
* html #tel{margin:15px 1px 0px 0px;}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align:center;
}
#mainImage {
	clear:both;
	width:960px;
	margin: 0px;
	overflow:hidden;
}
* html #mainImage {
	margin-bottom:0px;
}
#titleImage {
	margin:20px 0px 0px 0px;
}
#titleImage1Low {
	width:960px;
	height:70px;
	background:url(../commonImage/f1mainLow.jpg);
}
#titleImage2Low {
	width:960px;
	height:70px;
	background:url(../commonImage/f2mainLow.jpg);
}
/*グローバルナビゲーション*/
#globalNavi {
	width:960px;
	height:30px;
	margin: 0px 0px 5px 0px;
	padding:0px;
	background:#F90;
	float:left;
}
* html #globalNavi {
	width:960px;
	height:25px;
!important;
	margin: 0px;
	padding:0px;
	background:url(../commonImage/globalBack.gif) left top no-repeat;
}
#globalNavi ul {
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 12px;
}
#globalNavi li {
	width: auto;
	float:left;
}
#globalNavi li a {
	display: block;
	width: auto;
	padding: 0px;
	text-decoration: none;/*background-color: #f90;*/
}
#globalNavi li a:hover {
	display:block;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	color: #f90;
	margin: 0px;
	padding-left: 0px;
	padding-top: 0px;/*background-color: #F90;*/
}
/*子要素画像指定*/
#globalNavi #global1 {
	width: 137px;
	height: 35px;
	text-indent: -9999em;
	background-image: url(../commonImage/global1.gif);
	background-repeat: no-repeat;
}
#globalNavi #global2 {
	width: 137px;
	height: 35px;
	text-indent: -9999em;
	background-image: url(../commonImage/global2.gif);
	background-repeat: no-repeat;
}
#globalNavi #global3 {
	width: 137px;
	height: 35px;
	text-indent: -9999em;
	background-image: url(../commonImage/global3.gif);
	background-repeat: no-repeat;
}
#globalNavi #global4 {
	width: 137px;
	height: 35px;
	text-indent: -9999em;
	background-image: url(../commonImage/global4.gif);
	background-repeat: no-repeat;
}
#globalNavi #global5 {
	width: 137px;
	height: 35px;
	text-indent: -9999em;
	background-image: url(../commonImage/global5.gif);
	background-repeat: no-repeat;
}
#globalNavi #global6 {
	width: 137px;
	height: 35px;
	text-indent: -9999em;
	background-image: url(../commonImage/global6.gif);
	background-repeat: no-repeat;
}
#globalNavi #global7 {
	width: 138px;
	height: 35px;
	text-indent: -9999em;
	background-image: url(../commonImage/global7.gif);
	background-repeat: no-repeat;
}
/*タブ*/
#tabNavi {
	width:960px;
	height:45px;
	margin: 0px;
	padding:0px;
	background: url(../commonImage/tabBase.gif) no-repeat;
	float:left;
}
*html #tabNavi {
	width:960px;
	height: 45px;
	overflow:hidden;
	margin: 0px;
	margin-top:5px;
}
#tabNavi ul {
	list-style-type: none;
	margin-top: 0px;
	margin-left: 5px;
	padding-left: 0px;
	font-size: 11px;
}
#tabNavi li {
	width: auto;
	float:left;
	text-align:center;
}
#tabNavi li a {
	display: block;
	width: auto;
	padding: 0px;
	margin: 10px;
	text-decoration: none;/*color:#fff;*//* background-color: #f90;*/
}
* html #tabNavi li a {
	margin: 10px 5px 0px 5px;
}
#tabNavi li a:hover {
	display:block;
	color: #39f;
	margin: 10px;
	padding-left: 0px;
	padding-top: 0px;
}
* html #tabNavi li a:hover {
	margin: 10px 5px 0px 5px;
}
/*コンテンツ*/
#contents {
	clear:both;
	width:960px;
	height:auto;
	margin:0px;
}
#contentsInner {
	width:960px;
	height:auto;
	margin:5px;
}
#leftColumn {
	width:200px;
	height:100%;
	float:left;
	margin: 20px 0px 0px 0px;
}
#rightColumn {
	width:720px;
	height:100%;
	float:left;
	margin: 20px 0px 0px 40px;
}
* html #rightColumn {
	margin-left:20px;
}
.columnL {
	width:380px;
	height:auto;
	margin:15px 5px;
	float:left;
	font-size:12px;
}
.columnR {
	width:560px;
	height:auto;
	margin:10px 0px 10px 5px;
	float:left;
	font-size:12px;
}
.columnRInner {
	width:520px;
	height:auto;
	margin:0px 0px 5px 40px;
	float:left;
	font-size:13px;
}
.contentLow {
	clear:both;
	width:960px;
	height:330px;
	margin: 0px;
}
* html .columnR {
	width:570px;
	height:auto;
	margin:15px 0px 15px 5px;
	float:left;
	font-size:12px;
}
* html .columnRInner {
	width:530px;
	height:auto;
	margin:0px 0px 10px 20px;
	float:left;
}
* html .columnR {
	width:560px;
	height:auto;
	margin:10px 0px 10px 0px;
	float:left;
	font-size:12px;
}
* html .columnRInner {
	width:520px;
	height:auto;
	margin:0px 0px 5px 20px;
	float:left;
	font-size:13px;
}
/*左カラムタイトル*/
#titleBox {
	clear:both;
	display:block;
	width:310px!important;
	height:auto;
	margin-top: 10px;
	font-weight:bold;
	color:#333;
	float:left;
}
#titleBox h3 {
	color:#ccc;
}
#titleBox h4 {
	color:#333;
}
#titleBox strong {
	font-size:13px;
}
#titleBox p {
	display:block;
	font-size:12px;
	font-weight:normal;
	margin:5px;
	line-height:180%;
}
#titleBox .single {
	margin-bottom: 10px;
}
* html #titleBox img {
	zoom:1;
}
#titleBox2 {
	clear:both;
	display:block;
	width:310px!important;
	height:auto;
	margin-top: 10px;
	background:#FC0;
	background:#222;
	color:#333;
	font-weight:bold;
	float:left;
}
* html #titleBox2 {
	zoom:1;
}
#titleBox2 h3 {
	color:#ccc;
}
#titleBox2 h4 {
	color:#333;
}
#titleBox2 strong {
	font-size:13px;
}
#titleBox2 p {
	display:block;
	font-size:12px;
	font-weight:normal;
	margin:5px;
	line-height:180%;
}
#titleBox2 .single {
	margin-bottom: 10px;
}
.contentL {
	width:300px;
	height:auto;
	margin:0px 5px 20px 5px;
	float:left;
	font-size:12px;
	background:#fff;
}
.contentR {
	width:620px;
	height:100%;
	margin:10px 0px 20px 30px;
	float:left;
	font-size:12px;
}
.contentR h4 {
	border:none;
	background:none;
}
.contentLG {
	width:640px;
	height:auto;
	margin:10px 0px 20px 0px;
	float:left;
	font-size:12px;
	background:#efefef;
}
#container1 {
	width:231px;
	height:300px;
	margin:10px 4px 0px 4px;
	float:left;
	font-size:12px;
	background:url(../commonImage/containerBack.gif);
}
 * html #container1 p, * html #container2 p, * html #container3 p, * html #container4 p, {
margin-top:5px;
}
#container2 {
	width:231px;
	height:300px;
	margin:10px 4px 0px 5px;
	float:left;
	font-size:12px;
	background:url(../commonImage/containerBack.gif);
}
#container3 {
	width:231px;
	height:300px;
	margin:10px 4px 0px 5px;
	float:left;
	font-size:12px;
	background:url(../commonImage/containerBack.gif);
}
#container4 {
	width:231px;
	height:300px;
	margin:10px 4px 0px 5px;
	float:left;
	font-size:12px;
	background:url(../commonImage/containerBack.gif);
}
.contentR p {
	margin-left:10px;
}
.clear {
	clear:both;
	margin:10px 5px 0px 5px;
}
.thum {
	width:230px;
	height:145px;
	overflow:hidden;
}
.txt {
	display:block;
	width:220px;
	height:80px;
	margin:5px;
}
.singleBtr {
	display:block;
	width:200px;
	height:50px;
	margin:40px 15px 0px 0px;
	float:right;
}
* html .singleBtr {
	margin:-90px 0px 0px 0px;
	float:right;
}
*:first-child+html .singleBtr{
	margin:-90px 0px 0px 0px;
	float:right;
}
#containerLow {
	float:left;
	width:960px;
	height:120px;
	margin:10px 0px 20px 0px;
	background:#efefef;
	font-size:12px;
}
* html #containerLow {
	float:left;
	width:950px;
	height:110px;
	margin:10px 0px 20px 0px;
	padding:5px;
	background:#efefef;
	font-size:12px;
}
*:first-child+html #containerLow {
	float:left;
	width:950px;
	height:110px;
	margin:10px 0px 20px 0px;
	padding:5px;
	background:#efefef;
	font-size:12px;
}
#cLInner {
	width:950px;
	height:110px;
	margin:5px auto;
	background:#fff;
}
* html #cLInner {
	width:940px;
	margin:0px;
}
*:first-child+html #cLInner {
	width:940px;
	margin:0px;
}
#cLInner p {
	font-size: 12px;
	margin:2px;
	float:left;
	line-height:150%;
}
#cLInner p:first-letter {
	font-size:18px;
	color:#555;
	font-weight:bold;
}
.containerLow {
	float:left;
	width:960px;
	height:120px;
	margin:20px 0px 20px 0px;
	background:#efefef;
	font-size:12px;
}
.boxL {
	width:380px;
	height:auto;
	margin:5px;
	float:left;
	border:1px solid #efefef;
}
.boxR {
	width:720px;
	height:auto;
	margin:20px 0px;
	float:left;
}
.boxR h3 {
	margin-bottom:0px;
}
* html .contentL {
	width:290px;
	height:auto;
	margin:5px 5px 10px 5px;
	float:left;
	font-size:12px;
}
* html .contentR {
	width:620px;
	height:auto;
	margin:0px 0px 0px 10px;
	float:left;
	font-size:12px;
	overflow:hidden;
}
* html .boxL {
	width:380px;
	height:auto;
	margin:5px;
	float:left;
	border:1px solid #efefef;
}
* html .boxR {
	width:208px;
	height:auto;
	margin:10px 0px 0px 5px;
	float:left;
}
* html #container1 {
	width:231px;
	height:300px;
	margin:10px 3px 0px 4px;
	float:left;
}
* html #container2 {
	width:231px;
	height:300px;
	margin:10px 3px 0px 4px;
	float:left;
}
* html #container3 {
	width:231px;
	height:300px;
	margin:10px 3px 0px 4px;
	float:left;
}
* html #container4 {
	width:231px;
	height:300px;
	margin:10px 3px 0px 4px;
	float:left;
}
* html .contentLG {
	width:640px;
	height:160px;
	margin:10px 0px 20px 0px;
	float:left;
	font-size:12px;
	background:#efefef;
}
/*フッタ*/
#footer {
	clear:both;
	width: 970px;
	height:auto;
	margin:0px;
	color:#999;
}
#footNavi {
	display:block;
	width:970px;
	height: 30px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	font-size: 12px;
}
#footNavi li {
	width: auto;
	float:left;
}
#footer span {
	display:block;
	height:30px;
	margin-top: 5px;
	font-size:11px;
	color: #666;
	border-top:3px solid #cfcfcf;
}
/*タイトル*/
.title1 {
	display:block;
	width:231px;
	height:30px;
	margin:0px;
	text-indent:-9999em;
	background:url(../commonImage/title1.gif) no-repeat;
	border:none;
}
.title2 {
	display:block;
	width:231px;
	height:30px;
	margin:0px;
	text-indent:-9999em;
	background:url(../commonImage/title2.gif) no-repeat;
	border:none;
}
.title3 {
	display:block;
	width:231px;
	height:30px;
	margin:0px;
	text-indent:-9999em;
	background:url(../commonImage/title3.gif) no-repeat;
	border:none;
}
.title4 {
	display:block;
	width:231px;
	height:30px;
	margin:0px;
	text-indent:-9999em;
	background:url(../commonImage/title4.gif) no-repeat;
	border:none;
}
* html .title1, * html .title2, * html .title3, * html .title4 {
	margin-bottom: -4px;
}
.contentBox {
	width:720px;
	height:auto;
	min-height:350px;
	margin:0px;
	background:#fec000;
}
* html .contentBox {
	overflow:hidden;
}
.boxSL {
	width:316px;
	height:auto;
	margin-left:20px;
	float:left;
}
* html .boxSL {
	width:316px;
	maigin:-10px;
	overflow:hidden;
}
.boxSR {
	width:316px;
	height:auto;
	margin-right:20px;
	float:left;
}
* html .boxSR {
	width:316px;
	maigin:0px;
	overflow:hidden;
}
.separate {
	width:48px;
	height:auto;
	min-height:350px;
	background:url(../commonImage/separate.gif) center no-repeat;
	margin:0px;
	float:left;
}
* html .separate {
	width:25px;
	height:350px;
	background:url(../commonImage/separate.gif) center top no-repeat;
}
.boxEnd {
	clear:both;
	width:720px;
	height:20px;
	margin:0px;
	overflow:hidden;
}
.tutorial {
	margin-bottom:40px;
}
.tutorial ul {
	display:block;
	width:720px;
	height:141px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	font-size: 12px;
}
.tutorial li {
	display:block;
	width:auto;
	height:141px;
	margin:5px;
	float:left;
}
.tutorial li p{padding-top:30px;}
* html .tutorial ul li span {
	width:30px;
	height:141px;
	margin:0px;
	display:block;
	float:left;
}
/*左カラムナビゲーション*/
#leftNavi {
	width:200px;
	height:380px;
	margin: 0px;
	padding:0px;
	background: url(../commonImage/leftNaviBase.jpg) no-repeat;
	float:left;
}
#leftNavi ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	font-size: 11px;
}
#leftNavi li {
	width:200px;
	text-align:center;
}
#leftNavi li a {
	display: block;
	width: 200px;
	padding: 0px;
	margin: 20px auto;
	text-decoration: none;/*color:#fff;*//* background-color: #f90;*/
}
* html #leftNavi li a {
	margin:10px auto;
}
* html leftColumn h2 {
	margin:0px;
}
*:first-child+html #leftNavi li a {
	margin:9px auto;
}
#leftBox {
	clear:both;
	width:200px;
	height:auto;
	margin:10px 0px;
	float:left;
}
.singleNavi {
	display:block;
	width:200px;
	height:50px;
	margin:10px 0px;
}
.titleBtn {
	display:block;
	width:200px;
	height:50px;
	margin:10px 15px 0px 0px;
	float:right;
}
* html .titleBtn{
	display:block;
	width:200px;
	height:50px;
	margin:10px 10px 0px 510px;
	float:right;
}