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

/* Tag
----------------------------------------------- */
* {
	margin:0px;
	padding:0px;
}
body{
	color:#333;
	font-size:0.85em;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,sans-serif;
	background-image: url(../img/bg_body.png);
}
img{
	border:none;
}
li{
	list-style:none;
}
ul{
	padding:0;
	margin:0;
}
p,h1,h2,h3,h5,h6,h7{
	margin:0;
}

h4 {
	font-size:13px;	
	margin:16px 0;
}
h5 {
	font-size:16px;
	margin:10px 0 10px 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
:link    {
	color: #1D47A6;
}
:visited {
	color: #1D47A6;
}
a:hover   {
	color: #007BEA;
}
a:active  {
	color: #3D3D3D;
}
input,textarea,select{
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,sans-serif;
	margin: 3px 2pt !important;
	padding: 3px 1pt;
	font-size:1.0em;
}
input[type=submit],
input[type=reset],
input[type=button]
{
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,sans-serif;
}
select{
	padding: 3px 10pt 3px 0px;
}
.seisaku {
	margin:134px 0 0 0;
}
/* Layout
----------------------------------------------- */
#bg{
}
#bg_sub{
	background:url(../img/bg_bottom.png) repeat-x center bottom;
}
#bg_header{
	background:url(../img/bg_header.png) repeat-x center top;
}
#Page{
	width:960px;
	margin:0 auto;
}
#ContentsBody{
}
#SideBar{
	float:left;
	width:220px;
}
#Header{
	margin-bottom:0px;
	height: 110px;
	width: 960px;
	margin:0 auto;
}
#Footer{
	margin:0;
	background: url(../img/bg_footer.png) repeat-x bottom;
}
#Wrap{
	margin:10px 0 0 0;
}

/* alfa, beta
----------------------------------------------- */
#alfa,
#beta {
	position: relative;
	float:left;
	display: inline;
}
#alfa {
	width:720px;
	left:0px;
	padding-bottom:50px;
}
#beta {
	width:220px;
	left:0px;
	margin:0;
}
#beta .sidebarmain {
	width:220px;
	left:0px;
	padding:0px;
	margin:0;
}
#beta .clearfix li {
	padding:0 0 0 0px;
	margin:0px 0 2px 16px;
	list-style-image: url(../img/btn_arrow_link.gif);
}

/* PageNavi
----------------------------------------------- */
#page_navi {
	width:960px;
	float:left;
	line-height:16px;
	font-size: 12px;
	margin:-14px 0 0 0;
	text-align: right;
}
/* to-top
----------------------------------------------- */
.to-top {
	text-indent: -99999px;
	width:101px;
	height:25px;
	float:right;
	margin:0;
	background-image: url(../img/btn_pagetop.png);
	clear:both;
}
.to-top2 {
	width:720px;
	text-align:right;
	font-size:11px;
	line-height:14px;
	margin:6px 10px 12px 0;
	clear:both;
}
.to-top_web {
	width:607px;
	padding:0px 13px 10px 30px;
	text-align:right;
	font-size:0.85em;
	background-image: url(../img/bk_web_service.gif);
}
/* Header
----------------------------------------------- */
#Header h1 {
	width:600px;
	float:left;
	margin:0;
	padding:7px 0 0 0;
	font-size:10px;
	line-height:15px;
	color:#AFCDFF;
}
#Header .otoiawase {
	float:right;
	margin:16px 0 0 0;
	clear:both;
}
#Logo{
	float:left;
	margin: 0 ;
	padding: 0;
}
#cc {
	float:left;
	margin: 20px 0 0 0 ;
	padding: 0;
}
.btn_global {
	font-size:13px;
	color:#FFF;
	float:right;
	padding:16px 4px 0 12px;
	background: url(../img/btn_arrow.png) no-repeat left 20px;
}
#Header a:hover {
	color:#FFF;
	font-weight: bold;
}

/* TopMainimage
----------------------------------------------- */
#TopMain {
	width:960px;
	height:262px;
	margin:0 auto 3px auto;
}
#TopMain .left {
	float:left;
}
/* Slide
----------------------------------------------- */
#slide{
	height:121px;
	margin:5px auto;
}
img{
	border:0px;
}
#ViewArea{
	height:121px;
	overflow:hidden;
	z-index:1;
}
#ScrollArea{
	position:relative;
	z-index:2;
}

#ScrollArea li{
	width:192px;
	float:left;
	position:relative;
	text-align:center;
	list-style:none;
}
#ScrollArea p{
	font-size:12px;
	padding:2px 0px 0px 0px;
}
/* GlobalMenu
----------------------------------------------- */
#HeaderGlobalMenu {
	height:76px;
	margin: 0;
	padding-top:0px;
	background: url(../img/btn_global_menu_bg.png) repeat-x;
}
#HeaderGlobalMenu ul{
	width:760px;
	margin:0 auto;
}
#HeaderGlobalMenu li{	
	float:left;
}
#HeaderGlobalMenu a{
	text-indent: -99999px;
	float:left;
	margin: 0px;
	padding: 0px;
}
#HeaderGlobalMenu a:hover{
	height:76px;
	line-height:30px;
	color:#828282;
}
#HeaderGlobalMenu .last a{
	border-right:none;
}
#HeaderGlobalMenu .first.menu01 a{
	width: 159px;
	height: 76px;
	background: url(../img/btn_global_menu.png) 0 0;
	display:block;
}
#HeaderGlobalMenu .menu02 a{
	width: 200px;
	height: 76px;
	background: url(../img/btn_global_menu.png) -159px 0;
	display:block;
}
#HeaderGlobalMenu .menu03 a{
	width: 201px;
	height: 76px;
	background: url(../img/btn_global_menu.png) -360px 0;
	display:block;
}
#HeaderGlobalMenu .menu04 a{
	width: 200px;
	height: 76px;
	background: url(../img/btn_global_menu.png) -560px 0;
	display:block;
}
#HeaderGlobalMenu .menu05 a{
	width: 200px;
	height: 76px;
	background: url(../img/btn_global_menu.png) -760px 0;
	display:block;
}
#HeaderGlobalMenu .menu01 a:hover,#HeaderGlobalMenu .menu02 a:hover,#HeaderGlobalMenu .menu03 a:hover,#HeaderGlobalMenu .menu04 a:hover,#HeaderGlobalMenu .menu05 a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.70;
	opacity:0.70;
}
/* NewsFeed
----------------------------------------------- */
#news {
	width:688px;
	margin:0;
	height:164px;
	padding:0 10px 0 20px;
	overflow: auto;
	background-color:#FFF;
	border-left: 1px solid #474747;
	border-right: 1px solid #474747;
}
#news .date {
	font-size: 12px;
	width:70px;
	color:#5E5E5E;
	float:left;
}
#news .title {
	width:629px;
	font-size: 13px;
	margin:0;
	padding:0;
	color:#5E5E5E;
}
#news .title a {
	color:#5E5E5E;
	text-decoration: none;
}
#news .title a:hover{
	color: #000;
	text-decoration: underline;
}
#news ul {
	margin: 0;
	padding: 0;
}
#news li {
	list-style-type: none;
	padding:6px 0 0 0;
	background:url(../img/line_news.png) repeat-x bottom;
}
.rss-item {
	width:98%;
	font-size: 12px;
	line-height:12px;
	color:#5D5D5D;
	float:left;
}
.rss-box .rss-items .rss-item .rss-item {
	width:98%;
	float:left;
	font-size: 12px;
	line-height:16px;
	margin:0;
	padding:0;
}
.rss-box .rss-item a {
	color:#744c2d;
	text-decoration: underline;
}
.rss-box .rss-item a:hover{
	color: #666;
	text-decoration: underline;
}
/* facebook
----------------------------------------------- */
#fb-root {
	margin:10px 0 20px 0;
}
/* Blog記事 
----------------------------------------------- */
#ContentsBody h2.contents-head{
	font-size: 17px;
	line-height: 44px;
	margin: 0px 0px 10px 10px;
	padding: 2px 0 0 10px;
	border-left: 8px solid #8DF7F1;
	border-bottom: 1px solid #8DF7F1;
	color: #5D5D5D;
}

/* #ContentsBody h2.contents-head{
	background:url(../img/bg_head_contents.gif) no-repeat left center;
	color:#FFF;
	margin-bottom:30px;
	height:44px;
	padding-left: 30px;
	line-height:44px;
	font-size:14px;
} */
h3.contents-head{
	font-size:18px;
	margin-bottom:14px!important;
	margin-left:0px;
	padding:12px 0 10px 12px;
	border-bottom: 1px dotted #8B6A0D;
	color:#545454;
}
h4.contents-head{
	font-size:18px;
	margin-bottom:14px!important;
	margin-left:0px;
	padding:12px 0 10px 12px;
	border-bottom: 1px dotted #8B6A0D;
	color:#545454;
}
h4.contents-head a{
	color: #5B5B5B;
	text-decoration: none;
}
h4.contents-head a:hover{
	color: #464646;
}
/* 本文 
----------------------------------------------- */
.post .post-body p{
	color:#333;
	margin-left: 4px;
}
#ContentsBody p {
	line-height: 1.5em!important;
	margin:0 0px 0 0px;
}
#ContentsBody .section {
	margin:0 0 20px 35px;
}
#ContentsBody ul.section,
.post ul{
	margin:0 35px 10px 30px;
	font-size: 13px;
}
#ContentsBody .imgtext {
	margin:2px 0 0 0;
	font-size: 11px;
}
/* 下層ページ
----------------------------------------------- */
#title_h2 {
	height:106px;
	background:url(../img/bg_title.png) repeat-x center top;
	margin:0;
	padding:0;
}
#title_h2 p {
	width:960px;
	margin:0 auto;
	padding:25px 0 0 0;
}
#title_h2 .text_h2 {
	font-size:40px;
	color:#009900;
	text-shadow: 0 0 5px #edf8ff, 0 0 5px #edf8ff, 0 0 5px #edf8ff;
}
.h3_en{
	font-size:14px;
	padding:0 0 0 30px;
	background:url(../img/img_o035.gif) no-repeat left 2px;
}
.h4_en{
	font-size:14px;
	padding:0 0 0 30px;
	background:url(../img/img_n009.gif) no-repeat left 2px;
}
#Container{
	float:left;
	width:720px;
	margin:2px 20px 200px 0;
	padding:0 0px 0 0px;
	font-size: 14px;
	line-height: 26px;
}
#Container h3 {
	font-size:18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6ADB89;
	margin:0 0 10px 0;
}
#Container p {
	font-size:16px;
}
.left {
	float:left;
}
.right{
	float:right;
}
.m_r20 {
	margin:0 20px 0 0;
}
.m_rb20 {
	margin:0 0 20px 20px;
}
.m_lb20 {
	margin:0 20px 20px 0;
}
#Container .toha {
	width:690px;
	height:107px;
	margin:10px 0px;
	padding:10px;
}
#Container .toha img {
	float:left;
	margin:0 10px 0 0;
}
#Container .toha p{
	width:480px;
	margin:4px 0 0 0;
	float:left;
	font-size:12px;
	line-height:12px;
}
.shiken {
	height:230px;
	margin:20px 0 10px 0;;
}
.clear {
	clear:both;
}
.title_main_contactus{
	width:960px;
	height:167px;
	text-indent:-9999px;
	background: url(../img/title_contactus.png) 0 0;
}
.imgleft {
	float: left;
}
.imgright {
	float: right;
}
#comtact {
	width:630px;
	text-indent: -99999px;
	margin:0 0 30px 20px;
}
#comtact a{
	width: 630x;
	height: 130px;
	background: url(../img/banner_contactus.gif) 0 0;
	display:block;
}
#comtact a:hover{
	background: url(../img/banner_contactus.gif) 0 130px;
}
.contact {
	width:298px;
	height:100px;
	margin:0 0 0 10px;
	padding:20px 205px 70px 205px;
	background-color:#F8F0D9;
	border: 1px solid #CCCCCC;
}
#Container .contact p {
	font-size:15px;
	font-weight: bold;
	margin:0 0 4px 0;
	padding:0;
	color: #666;
}
#Container .tyuui {
	font-size:10px;
	padding:6px 0;
	float:right;
}
.en_email {
	border:3px solid #999;
	text-align:center;
	margin:20px 0;
	padding:10px;
	}
/* margin
----------------------------------------------- */
.m_b20 {
	margin:0 0 20px 0;
}
.m_b600 {
	padding:0 0 600px 0;
}
.m_t10 {
	margin:10px 0 0 0;
}
.m_r10 {
	margin:0 10px 0 0;
}
.m_l10 {
	margin:0 0 0 10px;
}
.m_tb10 {
	margin:10px 0;
}
.m_tb20 {
	margin:20px 0;
}
.m_t20 {
	margin:20px 0 0 0;
}
.m_t20_r10 {
	margin:20px 0 0 10px;
}
.m_l18 {
	margin:0 0 0 18px;
}
/* widget
----------------------------------------------- */
.widget{
	margin:0px 0 16px 0;
}
.widget h2
{
	border-bottom:1px dotted #666666;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0px 5px 0;
	font-size:14px;
	margin-bottom:10px;
	vertical-align:bottom;
}
.widget ul,
.widget table
{
	margin:0 10px 0 10px;
}
.widget ul li
{
	background:url(images/bg_list_circle.gif) no-repeat left 8px;
	padding-left:12px;
	line-height:20px!important;
	font-size:12px;
}
#beta .sidebarmain img{
	margin:0 0 20px 0;
}
.sb_about {
	width:188px;
	height:88px;
	margin:0 0 20px 0;
	padding:120px 16px 10px 16px;
	background:url(../img/sb_about.png);
	font-size:12px;
	color:#747474;
}
#beta .sidebarmain a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.70;
	opacity:0.70;
}
.banner_title{
	margin: 20px 2px 10px 0;
	font-size:12px;
	border-bottom: dotted 1px;
}
.banner_text{
	width: 220px;
	margin: 2px auto 8px auto;
	font-size:11px;
	color: #1AADEC;
}
/* map
----------------------------------------------- */
#map{
    margin-left:25px;
    margin-bottom:30px;
}

/* Blog
----------------------------------------------- */
.post{
	margin-left:0!important;
	margin-right:0!important;
}
.blog-description{
	margin-left:20px!important;
	margin-bottom:20px;
}
.blog-calendar th{
    border-bottom:1px solid #e2e2e2;
}
.blog-calendar th,
.blog-calendar td
{
    padding:3px 5px;
}
.blog-calendar .sunday{
    color:#ff6633;
}
.blog-calendar .saturday{
    color:#3366FF;
}
.blog-calendar .today{
    background-color:#e2e2e2;
}
#BlogComment{
    margin-top:40px;
    padding:0 10px;
}
#BlogCommentList{
    padding:10px 20px;
    margin-top:20px;
}
#BlogCommentAddForm{
    padding:10px 20px;
}
#BlogCommentList .comment{
    padding-bottom:8px;
    border-bottom:1px dashed #CCCCCC;
    margin-bottom:20px;
}
#ContentsBody ul.section li,
.post ul li{
	background:url(../img/bg2_list_circle.gif) no-repeat left center;
	padding-left:20px;
	margin-bottom:10px;
}
.widget-blog-calendar table {
	width:190px;
}

/* clearfix
----------------------------------------------- */
.clearfix:after 
{
	content: " ";
	display: block;
	clear: both;
	height: 0;
}
.clearfix 
{
	display: inline-block;
}
.clearfix 
{
	display: block; 
}

/* row-table-01
----------------------------------------------- */
table.row-table-01
{
	width:100%;
	color:#333;
	clear:both;
	padding: 0;
	margin: 0 0 1em 0;
	white-space: normal;
	border-collapse:separate;
}
table.row-table-01 th
{
	text-align: right;
	padding:4px 8px;
	font-weight:normal;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #241407;
	font-size:0.85em;
	color:#5D5D5D;
}
table.row-table-01 tr td
{
	padding:10px 8px;
	vertical-align:top;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}

/* customize-navi
----------------------------------------------- */
.customize-navi{
    background-color:#f2ffde;
    padding:10px;
    margin: 10px 0 10px 0;
}

/* edit-link
----------------------------------------------- */
.edit-link{
    padding:10px;
}

/* cakePHP parts
----------------------------------------------- */
.error-message
{
	color:#C30;
}
.required
{
	color:#C00!important;
	font-size:16px;
}
.form-error
{
	background:#F8E2DE;
}
.message
{
	color:#F30;
	font-weight:bold;
	margin:20px;
}
.error
{
	color:#C00;
}
.error em
{
	color:#06C;
	font-style:normal;
	font-weight:bold;
}
.submit
{
	text-align:center;
}
/* Footer
----------------------------------------------- */
#FooterMain {
	width:960px;
	height:186px;
	margin:0 auto;
	padding-top:31px;
	font-size:13px;
	color:#FFF;
	clear:both;
}
#FooterLogo{
	float:left;
	width:580px;
	margin: 0 auto;
	padding-top:26px;
}
#FooterLogo p{
	float:left;
	line-height:20px;
	margin:10px 0 0 10px;
}
#FooterGlobalMenu{
	float:left;
	width:380px;
	height:110px;
	padding:36px 0px 8px 0px;
}
#FooterGlobalMenu ul{
	margin-left:0px;
}
#FooterGlobalMenu li{
	width:130px;
	float:left;
	line-height:160%;
}
#FooterGlobalMenu a{
	display:block;
	float:left;
	padding:0 10px 0 20px;
	font-size: 12px;
	color:#FFF;
	text-decoration:none;
	background:url(../img/footer_arrow.png) no-repeat left center;
	font-weight: bold;
}
#FooterGlobalMenu a:hover{
	text-decoration:underline;
}
#FooterGlobalMenu .last a{
	border-right:none;
}
#Copyright{
	display: block;
	width:940px;
	height: 30px;
	margin:0px auto 0px auto;
	padding: 0px 0px 2px 0px;
	color:#999;
}
#Copyright .left {
	height: 30px;
	width: 600px;
	float: left;
	padding: 0px;
	margin: 0px;
}
#Copyright .left p {
	font-size: 12px;
	color: #525252;
	margin: 0px;
	padding: 0px 0px 1px 10px;
}
#copyright a {
	color: #525252;
}
#Copyright .right {
	height: 30px;
	width: 340px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#Copyright .right p {
	font-size: 12px;
	color: #525252;
	margin: 0px;
	padding: 0px 10px 1px 0px;
	text-align: right;
}