@charset "utf-8";
/* CSS Document */

/* body -------------------------------------------------------*/
body	{
width:780px;
margin:0 auto;
padding:0;
font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
background:url(../img/template/bodybg.gif) left top repeat-x;
background-color:#D1E2E7;
font-size:12px;
line-height:18px;
color:#222222;
}

/* wrapped -------------------------------------------------------*/
#wrapped	{
width:780px;
height:auto;
top:0;
padding:0;
margin:0 auto;
border:1px solid #BAD3DA;
background-color:#ffffff;
}

/* h1 -------------------------------------------------------*/
h1	{
color:#005B77;
padding:2px 0 2px 5px;
margin:0;
font-size:11px;
line-height:13px;
}

/* header -------------------------------------------------------*/
#header		{
width:780px;
padding:0;
margin:0 auto 2px auto;
}

.headerlogo	{
width:210px;
float:left;
padding:0;
margin:0;
}
	
.headerimg	{
width:570px;
float:right;
padding:0;
margin:0;
}

.headertitle	{
float:left;
padding:7px 0 7px 5px;
margin:0;
}

.headertab	{
float:right;
padding:10px 5px 0 0;
margin:0;
}

	.headertab a	{
	font-size:11px;
	line-height:13px;
	color:#333333;
	text-decoration:none
	}

	.headertab a:hover	{
	font-size:11px;
	line-height:13px;
	color:#00A3E5;
	text-decoration:none
	}

/* main -------------------------------------------------------*/
#main		{
width:780px;
background:url(../img/template/mainbg.gif) left repeat-y;
padding:0px 0 0 0px;
margin:0 auto;
}

/* contents -------------------------------------------------------*/
#contents	{
width:520px;
height:auto;
padding:0 20px 10px 30px;
float:right;
}

/* post -------------------------------------------------------*/
.post	{
background:url(../img/template/dot.gif) bottom left repeat-x;
padding:0 0 20px 0;
text-align: justify;
text-justify:inter-ideograph;
}

.storycontent	{
padding:0px;
margin:0px;
}

h2	{
background:url(../img/template/dot.gif) bottom left repeat-x;
padding:8px 0 20px 0;
}

p	{
padding:5px 0;
margin:0
}

.storycontent dt.mark	{
background:url(../img/icon/mark.gif) left no-repeat;
padding:0px 0 0px 15px;
margin:0 0 3px 0;
font-size:14px;
line-height:16px;
}

.storycontent dl	{
padding:0;
margin:0;
}

.storycontent dt	{
padding:0;
margin:0;
}

.storycontent dd	{
padding:0;
margin:0;
}

.feedback	{
text-align:right;
font-size:11px;
line-height:13px;
padding:10px 0 0 0;
}

.pagetop	{
margin:10px 0;
}

/* sidemenu -------------------------------------------------------*/
#sidemenu	{
height:auto;
width:210px;
float:left;
padding:0;
margin:0
}

/* footer -------------------------------------------------------*/
#footer		{
text-align:center;
width:780px;
padding:0;
margin:0 auto;
}

.footermenu	{
background-color:#A3C4CE;
color:#ffffff;
padding:5px 0;
font-weight:bold;
}

address.credit	{
background-color:#ffffff;
color:#024A5B;
padding:7px 0;
margin:0 auto;
font-size:10px;
line-height:12px;
}

	.footermenu a	{
	color:#ffffff;
	text-decoration:underline
	}
	
	.footermenu a:hover	{
	color:#003E74;
	text-decoration:underline
	}
	
.border{
border-bottom:1px solid #00A3E5
}

/* span -------------------------------------------------------*/
span.red	{
color:#ff0000;
}

span.small	{
font-size:11px;
line-height:13px;
}

/* img -------------------------------------------------------*/
img.pagetop	{
padding:0 5px 0 0;
border:none;
}

img.indeximg	{
float:right;
padding:0 0 0 10px;
clear:right 
}

/* index -------------------------------------------------*/
dt.newsMainTitle	{
padding:0;
margin:5px 0;
font-size:110%;
font-weight:bold 
}

dt.newSubTitle	{
background:url(../img/icon/arrow.gif) no-repeat left;
font-size:100%;
font-weight:normal;
padding:0 0 0 15px 
}

dd.newText	{
padding:0 0 0 15px;
margin:0 0 15px 0
}


/* table -------------------------------------------------*/
.left	{
float:left;
font-size:12px;
line-height:17px;
width:130px;
background-color:#DCE8EC;
padding:5px 0 5px 5px;
margin:2px 5px 0 0;
}

.right	{
float:left;
font-size:12px;
line-height:17px;
width:370px;
background-color:#F1F6F8;
padding:5px 0 5px 5px ;
margin:2px 0 0 0;
}

	.left2Line	{
	float:left;
	font-size:12px;
	line-height:17px;
	width:130px;
	height:34px;
	background-color:#DCE8EC;
	padding:5px 0 5px 5px;
	margin:2px 5px 0 0;
	}
	
	.right2Line	{
	float:left;
	font-size:12px;
	line-height:17px;
	width:370px;
	height:34px;
	background-color:#F1F6F8;
	padding:5px 0 5px 5px ;
	margin:2px 0 0 0;
	}
	
	.left3Line	{
	float:left;
	font-size:12px;
	line-height:17px;
	width:130px;
	height:54px;
	background-color:#DCE8EC;
	padding:5px 0 5px 5px;
	margin:2px 5px 0 0;
	}
	
	.right3Line	{
	float:left;
	font-size:12px;
	line-height:17px;
	width:370px;
	height:54px;
	background-color:#F1F6F8;
	padding:5px 0 5px 5px ;
	margin:2px 0 0 0;
	}
	

/* お問い合わせぺージ ----------------------------------------*/
.contact	{
padding:20px 0 0 70px
}

.contactBtn	{
padding:5px 0
}

.contact dl.contact	{
padding:5px 0 3px 0;
}

.contact label	{
color:#666666;
font-size:13px;
line-height:16px;
font-weight:bold;
}

.contact dd	{
padding:2px 0;
}

.contact input.textform,
.contact textarea.textform	{
background-color:#F1F6F8;
color:#013B70 ;
}

dd.contactform_dot	{
background:url(../img/template/dot.gif) bottom left repeat-x;
padding:8px 0 10px 0;
}

/* アクセスマップ -------------------------------------------------------*/
p.accessText	{
color:#000000;
font-size:13px;
line-height:15px 
}

img.accessIcon	{
vertical-align:middle;
padding:0 2px 0 0;
border:none;
}

/* link -------------------------------------------------------*/
a			{
color:#00A3E5;
text-decoration:none
}

a:hover		{
color:#003A70;
text-decoration:none
}

/* Q&A 
h3.storytitleQA	{ 
color:#00234E;
font-size:15px;
line-height:18px;
padding:0 0 0 30px;
margin:20px 0 0 0;
background:url(../img/qa/q.gif) top left no-repeat;
}

.storycontentQA	{
margin:0px;
padding:0 0 0 30px;
background:url(../img/qa/a.gif) top left no-repeat;
}

h4.titleborderQA	{
margin:0 0 0 30px;
padding:0px;
background:url(../img/qa/titleborder.gif) left no-repeat;
}
--*/
/* BLOG -------------------------------------------------------*/
.BlogCategoryTitle	{
margin:20px 0 10px 0;
font-size:13px;
font-weight:bold;
line-height:16px;
}

.BlogCategoryTitle a	{
color:#000000;
text-decoration:none;
}

.BlogTitle	{
margin:5px 0 0 0;
}

.BlogTitleMark	{
width:25px;
height:25px;
margin:0 10px 0 0;
background:url(../img/template/q.gif) top left no-repeat;
float:left;
}

h3.storytitleBLOG	{ /**BLOGタイトル**/
float:left;
width:92%;
color:#00234E;
font-size:14px;
line-height:17px;
padding:0 0 10px 0px;
margin:0;
background:url(../img/template/titleborder.gif) bottom left no-repeat;
}

.storycontentBLOG	{/**BLOGの記事**/
margin:0px;
padding:0px 0 0 30px;
background:url(../img/template/a.gif) top left no-repeat;
}

h5	{/**BLOG投稿日時**/
font-size:11px;
line-height:13px;
margin:0 0 0 0px;
text-align:right;
padding:2px 0px;
color:#666666;
}

/* sidemenu list -------------------------------------------------------*/
#sidemenu dl	{
width:100%;
height:auto;
padding:0;
margin:0;
}

#sidemenu dt	{
padding:0;
margin:0;
}

#sidemenu dd	{
padding:5px 0;
margin:0;
background:url(../img/template/dot.gif) bottom left repeat-x;
}

#sidemenu dd.noborder	{/**dotを消すためです**/
padding:5px 0;
margin:0;
background:url(../img/template/spacer.gif) bottom left repeat-x;
}

#sidemenu ul	{
list-style:none;
padding:3px 5px;
margin:0;
}

#sidemenu li	{
list-style:none;
padding:5px 0;
margin:0;
background:url(../img/template/dot.gif) bottom left repeat-x;
}

#sidemenu li.noborder	{/**dotを消すためです**/
list-style:none;
padding:5px 0;
margin:0;
background:url(../img/template/spacer.gif) bottom left repeat-x;
}

#sidemenu li a	{
color:#003A70;
text-decoration:none;
}

#sidemenu li a:hover	{
color:#00A3E5;
text-decoration:none;
}

#sidemenu ul.br	{
list-style:none;
}

#sidemenu li.br	{
list-style:none;
}

/* comment  -------------------------------------------------------*/
textarea#comment	{
background-color:#F1F6F8;
color:#013B70 ;
width:100%
}

input#author,
input#email,
input#url			{
background-color:#F1F6F8;
color:#013B70 ;
}

ol#commentlist		{

}

li.commenttext		{
background:url(../img/template/dot.gif) bottom left repeat-x;
padding:5px 0 8px 0;
}

h2#comments,
h2#postcomment		{
background:url(../img/template/dot.gif) bottom left repeat-x;
padding:8px 0 20px 0;
}