@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

/*-------------------------------------------------------------------------
body
-------------------------------------------------------------------------*/
html	{ overflow-y:scroll;}  
body	{ background:#fff; text-align:center; color:#333;}
a			{ color:#09f; text-decoration:underline;}
a:visited	{ color:#06c; text-decoration:underline;}
a:hover		{ color:#f90; text-decoration:none;}
a:active	{ color:#f60; text-decoration:none;}

/*-------------------------------------------------------------------------
container
-------------------------------------------------------------------------*/
/*Background Repeat*/
#bgImgH{ overflow:visible; min-height:284px; background:url(../img/base/bgH.jpg) top repeat-x;}
#container{ overflow:visible; width:950px; height:aoto; margin:0 auto; padding:0; text-align:center;}
#bgImgF{ clear:both; height:auto; background:#FF9200 url(../img/base/bgF.jpg) repeat-x;}

/*-------------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#header{ position:relative; width:950px; height:138px; background:url(../img/base/header.jpg) no-repeat top;}
h1{ display:block; position:absolute; top:12px; left:20px; color:#333; font-size:0.8em;}
#logo{ position:absolute; top:30px; left:16px;}
#TopPage{ position:absolute; bottom:38px; left:264px;}
#headContact{ position:absolute; top:0px; right:0px; width:248px; height:123px; background:url(../img/base/headContact.jpg) no-repeat; margin:0; padding:0;}
#headContactH{ position:absolute; top:0; left:0;}
#headContactForm{ position:absolute; bottom:0; right:0;}
#headContactTel{ position:absolute; bottom:0; left:0;}
#Gnavi{ position:absolute; bottom:2px; left:0; margin:0; padding:0;}
#Gnavi ul { display:block; list-style:none;}
#Gnavi ul li{ float:left;}

/*-------------------------------------------------------------------------
main
-------------------------------------------------------------------------*/
/*contents*/
#contents{ width:950px; margin:0 auto; padding:10px 0 0 0;}

/*rightSideArea*/
#rightContent{ float:right; width:299px; height:auto; margin:0 0 10px 0; padding:0; text-align:center;}
#rightContent div{ margin:0 0 10px 0;}
#Snavi01Bg{ position:relative; width:299px; height:303px; background:url(../img/base/Snavi01Bg.jpg) no-repeat;}
#Snavi01A{ position:absolute; top:0; left:64px;}
#Snavi01B{ position:absolute; bottom:117px; left:6px;}
#Snavi01C{ position:absolute; right:16px;top:190px;}


/*leftSideArea*/
#leftContent{ float:left; width:630px; margin:0; padding:0; text-align:left;}

/*MainImage, TopFlash, Headings*/
#mainImgArea { width:630px; margin:6px 0 0 0; padding:0;}

/*Top Topics*/
#Topics{ width:604px; overflow:visible; padding:10px 12px; border-right:1px solid #333; border-bottom:1px solid #333; border-left:1px solid #333;}
#Topics p{ padding:0 0 0 0; line-height:1.8;}

#TopMain{ position:relative; width:630px; background:url(../img/base/topImg01.jpg) no-repeat top right;}
#TopMain h2{ width:513px; height:122px; margin:0 0 10px 0;}
#TopMainInc{ width:460px; height:auto; margin:0; padding:0; font-size:0.9em;}
#TopMainIncDiv{ float:left; width:270px;}
#TopMainInc p{ padding:0 0 5px 0;}
#TopMainIncP1{ width:150px;}


/*-------------------------------------------------------------------------
Under Directory Decoration
-------------------------------------------------------------------------*/
/*article*/
.article{ clear:both; width:630px; height:auto; margin:0; padding:7px 0 0 0; text-align:left;}
.article h3{ clear:both;}
.article h3:first-child{ padding:20px 0 0 0 !important;}
.article > p{ padding:0;}

.sect{ margin:0 0 10px 0; padding:12px 20px 0 20px;}
.sect h4{ clear:both; margin:8px 0 8px 0; padding:0 0 0 6px; border-left:6px solid #f60; color:#f60; font-size:1.2em; font-weight:bold;}
.sect p{ padding:0 0 0.8em 0; line-height:1.2; }
.Unit{ margin:0 0 15px 0; padding:12px 20px 0 20px;}
.Unit p{ line-height:1.4;}
.sectList{ margin:0 0 10px 0; font-size:1.2em; font-weight:bold; line-height:1.2;}
.sectList li{ padding:0 0 5px 1em;}

/*topics*/
#TopicsArea{}
#TopicsArea h3{ margin:0 0 15px 0; padding:6px 4px 6px 8px; border-bottom:1px solid #333; border-left:8px solid #f60; color:#f60; font-size:1.2em; font-weight:bold;}
#TopicsArea > div{ padding:1em 1em 0 1em; border-right:1px solid #ccc;  border-bottom:1px solid #ccc;  border-left:1px solid #ccc;}
#TopicsArea img{ margin:0 0 1em 0;}
#diaryPro .diary h4{ padding:4px 0 4px 8px; border-bottom:1px solid #333;}

/*Service*/
#serviceImg03{ position:relative; width:560px; height:145px; background:url(../img/base/serviceImg03bg.jpg) no-repeat;}
#serviceImg03 p{ position:absolute; top:53px; left:25px;}
#serviceImg06{ position:relative; width:560px; height:195px; background:url(../img/base/serviceImg06bg.jpg) no-repeat;}
#serviceImg06 p{ position:absolute; top:53px; left:25px;}

/*partner*/
.StaffBox		{ clear:both; margin:0 0 30px 0; border-bottom:1px dotted #E0E0E0;}
.StaffBox img	{ float:left; margin:0 10px 20px 0;}
.StaffBoxR		{ float:right; width:380px; text-align:left;}
.StaffBox h4	{ margin:0 0 12px 0; padding:0 0 2px 8px; border-bottom:1px solid #f60; border-left:7px solid #f60; color:#f60; font-size:1.4em; font-weight:bold;}
.StaffBox h5	{ margin:0 0 6px 0; color:#f30; font-size:1em; font-weight:bold;}
.StaffBox p		{ line-height:1.4; letter-spacing:0; font-size:0.9em;}

/*flow*/
.flowBox	{ width:580px; height:auto; margin:0; padding:0 0 15px 0; background:#EBEBEB;}
.flowBox h4	{ border:none !important; margin:0; padding:0;}
.flowBox p	{ margin:0; padding:0 0 0 10px;}

/*example*/
.exmBox		{ clear:both; margin:0 0 30px 0;}
.exmBox h4	{ margin:0 0 12px 0; padding:0 0 2px 8px; border-bottom:1px solid #f60; border-left:7px solid #f60; color:#f60; font-size:1.4em; font-weight:bold;}
.exmBox h5	{ margin:0 0 6px 0; color:#f30; font-size:1em; font-weight:bold;}
.exmBox p		{ line-height:1.4; letter-spacing:0; font-size:1em;}
.exmBox div img	{margin:0 0 20px 0;}

/*Link*/
.link a img{ float:left; padding:0 6px 30px 10px;}

/*Table*/
.tableA{ width:100%; margin:0 0 0 0; background:#f90;}
.tableA tr{ vertical-align:middle; background:#fff;}
.tableA th{ width:100px; background:#F90 url(../img/base/thBg.jpg); border-right:1px solid #f90; font-weight:bold; text-align:right;}
.tableA th, .tableA td{ padding:8px;}

/*Contact*/
.table_basic{ width:100%; margin:0 auto 10px; border-collapse:collapse; border-bottom:2px solid #CCC; border-top:2px solid #CCC;}
.table_basic th,.table_basic td{ padding:8px 10px; border-bottom:1px dotted #CCC; font-size:12px;}
.table_basic th{ background:#D1EFFF; color:#666; text-align:left;}
.table_basic tr.odd th{ background:#B2D1FF; border-bottom:1px dotted #CCC; font-size:12px;}
.table_basic tr.odd td{ background:#fff; border-bottom:1px dotted #CCC; font-size:12px;}
.table_basic caption{ padding:0 0 5px 0px; font-size:14px; color:#666; font-weight:bold;}




/*-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
#footer{ clear:both; position:relative; width:950px; height:185px; margin:0 auto; padding:0; font-size:0.7em; text-align:center;}
.totop{ position:absolute; top:0; right:58px; width:166px; height:26px; margin:0 6px 0 0; text-align:center;}
#footer p{ font-size:1.1em;}

#footTextArea01{ position:absolute; top:40px; left:0; width:520px; height:110px; color:#fff; text-align:left; font-size:1.2em; line-height:1.6;}
#footTextArea02{ position:absolute; top:40px; right:10px; width:270px; color:#fff; text-align:left; font-size:1.2em; line-height:1.2;}
#footTextArea01 h3, #footTextArea02 h3{ margin:0 0 8px 0;}

#footLink {}
#footLink a			{ color:#fff; text-decoration:underline;}
#footLink a:visited	{ color:#fff; text-decoration:underline;}
#footLink a:hover		{ color:#f60; background:#fff; text-decoration:none;}
#footLink a:active	{ color:#f60; background:#fff; text-decoration:none;}

#footLogo{ position:absolute; right:10px; bottom:35px; width:205px; height:44px;}
#copyright{ position:absolute; right:8px; bottom:15px; color:#333; font-size:1.4em; font-family:Arial, Helvetica, sans-serif;}


/*-------------------------------------------------------------------------
General Style and Decoration
-------------------------------------------------------------------------*/
.bn{ border:none;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both; line-height:0;}
.center{ margin:0 auto; text-align:center;}
.mgn{ margin:0 0 15px 0;}
.flimg{ float:left; padding:0 10px 10px 0;}
.frimg{ float:right; padding:0 0 10px 10px;}
.flimg2{ float:left; padding:0 10px 10px 10px;}
.frimg2{ float:right; padding:0 15px 10px 10px;}
.red{ color:#f00;}
.orange{ color:#f60;}
.f80{ font-size:0.8em;}
.f90{ font-size:0.9em;}
.f100{ font-size:1em;}
.f120{ font-size:1.2em;}
.normal{ font-weight:normal !important;}
.right{ text-align:right;}
.left{ text-align:left;}
.strong{ font-weight:bold;}
strong{ font-weight:bold;}
.indent{ margin:0 0 0 10px;}