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

/* Tag
----------------------------------------------- */
* {
	margin:0px;
	padding:0px;
}
body {
	color:#333;
	font-size:0.85em;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,sans-serif;
	line-height: 1;
	background-color: #e74c3c;
	animation: bg-color 30s infinite;
	-webkit-animation: bg-color 30s infinite;
	text-align:center;
}
@-webkit-keyframes bg-color {
	0% { background-color: #e74c3c; }
	20% { background-color: #f1c40f; }
	40% { background-color: #1abc9c; }
	60% { background-color: #3498db; }
	80% { background-color: #9b59b6; }
	100% { background-color: #e74c3c; }
}
@keyframes bg-color {
	0% { background-color: #e74c3c; }
	20% { background-color: #f1c40f; }
	40% { background-color: #1abc9c; }
	60% { background-color: #3498db; }
	80% { background-color: #9b59b6; }
	100% { background-color: #e74c3c; }
}
img{
	border:none;
}
li{
	list-style:none;
}
ul{
	padding:0;
	margin:0;
}
p,h1,h2,h3,h4,h5,h6,h7{
	margin:8px 0;
}
:link		{
	color:#e00929;
}
:visited {
	color: #e00929;
}
a {
	text-decoration:none;
	color:#e00929;
}
a:hover	 {
	text-decoration:none;
}
a:active	{
	color: #e00929;
}
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;
}

/* Layout
----------------------------------------------- */
#Page{
	width:933px;
/*	width:940px;*/
	height:100%;
	margin:0 auto;
	background-color: #ffffff;
/*	padding:0px 25px;*/
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
#ContentsBody{
	float:left;
	width:85%;
/*	width:626px;*/
	margin-right:44px;
}
#SideBar{
	float:left;
	width:270px;
}
#Header{
/*	margin:0 0 0 10px;*/
	text-decoration:none;
	font-weight:bold;
	;color:#d37aa6;
	
}
#Footer{
	font-size:0.85em;
	text-align:center;
}
#Wrap{
	padding-top:20px;
	margin-bottom:50px;
}

/* Header
----------------------------------------------- */
#Logo{
	float:left;
}
#BannerContact{
	float:right;
}
#HeaderGlobalMenu ul{
	clear:both;
	margin-left:100px;
}
#HeaderGlobalMenu li{
	float:left;
}
#HeaderGlobalMenu a{
	display:block;
	float:center;
	line-height: 47px;
	text-align: center;
	text-decoration: none;
	font-size:0.9em;
	}
#HeaderGlobalMenu li a{
	color: #000000;
}
#HeaderGlobalMenu li.nav-item-1 a{
	display:block;
	text-decoration:none;
	color:#fff;
	background:#CC6600;
	background: -moz-linear-gradient(#CC6600, #ee8822);
	background: -o-linear-gradient(#CC6600, #ee8822);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CC6600), to(#ee8822)); 
	/* older webkit syntax */
	background: -webkit-linear-gradient(#CC6600, #ee8822);
/*	padding:5px;*/
/*	border-radius:4px;*/	text-align:center;
	transition:background 1s,color 1s;
	width:123px;
	height:50px;
}
#HeaderGlobalMenu li.nav-item-1 a:hover{
	background:#ee8822;
	color:#000;
}
#HeaderGlobalMenu li.nav-item-2 a{
	display:block;
	text-decoration:none;
	color:#fff;
	background:#CC9900;
	background: -moz-linear-gradient(#CC9900, #eebb22);
	background: -o-linear-gradient(#CC9900, #eebb22);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CC9900), to(#eebb22)); /* older webkit syntax */
	background: -webkit-linear-gradient(#CC9900, #eebb22);
	/*	padding:5px;*/
	/*	border-radius:4px;*/	text-align:center;
	transition:background 1s,color 1s;
	width:122px;
	height:50px;
}
#HeaderGlobalMenu li.nav-item-2 a:hover{
	background:#eebb22;
	color:#000;
}
#HeaderGlobalMenu li.nav-item-3 a{
	display:block;
	text-decoration:none;
	color:#fff;
	background:#999900;
	background: -moz-linear-gradient(#999900, #bbbb22);
	background: -o-linear-gradient(#999900, #bbbb22);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999900), to(#bbbb22)); /* older webkit syntax */
	background: -webkit-linear-gradient(#999900, #bbbb22);
/*	padding:5px;*/
/*	border-radius:4px;*/	text-align:center;
	transition:background 1s,color 1s;
	width:122px;
	height:50px;
}
#HeaderGlobalMenu li.nav-item-3 a:hover{
	background:#bbbb22;
	color:#000;
}
#HeaderGlobalMenu li.nav-item-4 a{
	display:block;
	text-decoration:none;
	color:#fff;
	background:#003366;
	background: -moz-linear-gradient(#003366, #5588bb);
	background: -o-linear-gradient(#003366, #5588bb);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003366), to(#5588bb)); /* older webkit syntax */
	background: -webkit-linear-gradient(#003366, #5588bb);
/*	padding:5px;*/
/*	border-radius:4px;*/	text-align:center;
	transition:background 1s,color 1s;
	width:122px;
	height:50px;
}
#HeaderGlobalMenu li.nav-item-4 a:hover{
	background:#5588bb;
	color:#000;
}
#HeaderGlobalMenu li.nav-item-5 a{
	display:block;
	text-decoration:none;
	color:#fff;
	background:#663399;
	background: -moz-linear-gradient(#663399, #9966cc);
	background: -o-linear-gradient(#663399, #9966cc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#663399), to(#9966cc)); /* older webkit syntax */
	background: -webkit-linear-gradient(#663399, #9966cc);
/*	padding:5px;*/
/*	border-radius:4px;*/	text-align:center;
	transition:background 1s,color 1s;
	width:122px;
	height:50px;
}
#HeaderGlobalMenu li.nav-item-5 a:hover{
	background:#9966cc;
	color:#000;
}
#HeaderGlobalMenu li.nav-item-6 a{
	display:block;
	text-decoration:none;
	color:#fff;
	background:#666;
	background: -moz-linear-gradient(#666, #888);
	background: -o-linear-gradient(#666, #888);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#888)); /* older webkit syntax */
	background: -webkit-linear-gradient(#666, #888);
/*	padding:5px;*/
/*	border-radius:4px;*/	text-align:center;
	transition:background 1s,color 1s;
	width:122px;
	height:50px;
}
#HeaderGlobalMenu li.nav-item-6 a:hover{
	background:#888;
	color:#000;
}

/* Footer
----------------------------------------------- */
#FooterGlobalMenu{
	width:933px;
	height:15px;
	padding:12px 0 10px;
	background-color: #000000;
	text-align:center;
	margin-top:-40px;
}
#FooterGlobalMenu ul{
	margin-left:180px;
	text-align:center;
}
#FooterGlobalMenu li{
	float:left;
	margin-right:30px;
	text-align:center;
}
#FooterGlobalMenu a{
	color:#FFF;
	text-decoration:none;
	text-align:center;
}
#FooterGlobalMenu a:hover{
	text-decoration:underline;
	text-align:center;
}
#Copyright{
	margin-top:10px;
	height:50px;
	color:#000;
	font-size:12px;
}

/* SideBar
----------------------------------------------- */
#SideBox{
	margin-bottom:20px;
}
#SideBox h2{
	background:url(../../img/bg_head_about.jpg) no-repeat left top;
	text-indent:-3000px;
	height:28px;
}
#SideBox div{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:15px;
}
#SideBox div img{
	margin-bottom:10px;
}
#SideBox p{
	margin-bottom:10px;
}
#SideBox .more a{
	background:url(../../img/bg_button_more.gif) no-repeat left top;
	width:66px;
	height:21px;
	display:block;
	float:right;
	text-indent:-3000px;
	text-align:left;
}

/* Contents
----------------------------------------------- */
#News1 h2{
	background:url(../../img/bg_head_news_1.jpg) no-repeat left top;
}
#News2 h2{
	background:url(../../img/bg_head_news_2.jpg) no-repeat left top;
}
#News1 h2,
#News2 h2{
	margin-bottom:5px;
}
#News1 h2 a,
#News2 h2 a{
	display:block;
	text-indent:-3000px;
	height:32px;
}
#News1,
#News2{
	margin-bottom:50px;
}
#News1 li,
#News2 li{
	border-bottom:1px dotted #666;
	padding-bottom:10px;
	padding-top:10px;
}
#News1 .date,
#News2 .date{
	width:115px;
	float:left;
	padding-left:5px;
}
#News1 .title,
#News2 .title{
	width:506px;
	float:left;
}
#ContentsBody h2.contents-head{
	color:#FFF;
	margin-bottom:30px;
	height:32px;
	padding-left: 15px;
	line-height:32px;
	font-size:16px;
}
h3.contents-head{
	margin-bottom:20px!important;
	padding:5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	color:#000;
}
h4.contents-head{
	padding:5px 10px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #016599;
	margin:10px 0 20px 0!important;
	color:#016599;
}
#ContentsBody p {
	line-height: 2em!important;
}
#ContentsBody .section {
	margin:0 0 20px 35px;
}
#ContentsBody ul.section,
.post ul{
	margin:0 35px 20px 35px;
}

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

/* row-table-01
----------------------------------------------- */
table.row-table-01
{
	width:100%;
	color:#333;
	background-color: #fff;
	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: #016599;
	font-size:0.85em;
	color:#016599;
}
table.row-table-01 tr td
{
	background-color: #ffffff;
	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;
}
/*========================PAGE TOP*/
#page-top {
	position:fixed;
	bottom:0px;
	right:20px;
	font-size:90%;
}
#page-top a {
	background:#D37AA6;
	text-decoration:none;
	color:#fff;
	width:80px;
	padding:30px 0;
	text-align:center;
	display:block;
	border-radius:5px;
}
#page-top a:hover {
	text-decoration:none;
	background:#F59CC8;
}
/*=========================Contents*/
hr {
	color:#f9c;
	margin:15px auto;
}
#Box {
	float:left;
	width:733px;
	margin-left:100px;
	text-align:center;
}
.boxhead01 {
	color:#553a00;
	font-size:18px;
	font-weight:bold;
	background:#f60;
	background: -moz-linear-gradient(#f60, #fff);
	background: -o-linear-gradient(#f60, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f60), to(#fff)); 
	/* older webkit syntax */
	background: -webkit-linear-gradient(#f60, #fff);
	padding:8px 0;
	margin-bottom:8px;
}
.box_01 {
	text-align:left;
	line-height:1.5em;
	font-weight:bold;
}
.box_02 {
	text-align:left;
	line-height:1.5em;
	margin:15px 0 15px;
}
.text01 {
	
}
.boxhead02 {
	color:#960;
	font-size:18px;
	font-weight:bold;
	background:#f60;
	background: -moz-linear-gradient(#ffbc01, #fff);
	background: -o-linear-gradient(#ffbc01, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffbc01), to(#fff)); 
	/* older webkit syntax */
	background: -webkit-linear-gradient(#ffbc01, #fff);
	padding:8px 0;
	margin-bottom:8px;
}
.boxhead03 {
	color:#660;
	font-size:18px;
	font-weight:bold;
	background:#bb2;
	background: -moz-linear-gradient(#bb2, #fff);
	background: -o-linear-gradient(#bb2, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bb2), to(#fff)); 
	/* older webkit syntax */
	background: -webkit-linear-gradient(#bb2, #fff);
	padding:8px 0;
	margin-bottom:8px;
}

.boxhead04 {
	color:#309;
	font-size:18px;
	font-weight:bold;
	background:#f60;
	background: -moz-linear-gradient(#58b, #fff);
	background: -o-linear-gradient(58b, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#58b), to(#fff)); 
	/* older webkit syntax */
	background: -webkit-linear-gradient(#58b, #fff);
	padding:8px 0;
	margin-bottom:8px;
}

.boxhead05 {
	color:#74a;
	font-size:18px;
	font-weight:bold;
	background:#f60;
	background: -moz-linear-gradient(#96c, #fff);
	background: -o-linear-gradient(#96c, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#96c), to(#fff)); 
	/* older webkit syntax */
	background: -webkit-linear-gradient(#96c, #fff);
	padding:8px 0;
	margin-bottom:8px;
}

.boxhead06 {
	color:#555;
	font-size:18px;
	font-weight:bold;
	background:#f60;
	background: -moz-linear-gradient(#888, #fff);
	background: -o-linear-gradient(#888, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888), to(#fff)); 
	/* older webkit syntax */
	background: -webkit-linear-gradient(#888, #fff);
	padding:8px 0;
	margin-bottom:8px;
}

#ToiMenu ul{
	clear:both;
	margin:0 auto 25px;
	position: relative;
}
#ToiMenu li{
	float:inherit;
}
#ToiMenu a{
	display:block;
	float:center;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-size:0.9em;
	font-weight:bold;
	}
#ToiMenu li a{
	color: #000000;
}
#ToiMenu li.nav-item a{
	text-decoration:none;
	color:#fff;
	background:#CC0030;
	background: -moz-linear-gradient(#CC0030, #ffbbcb);
	background: -o-linear-gradient(#CC0030, #ffbbcb);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CC0030), to(#ffbbcb)); 
	/* older webkit syntax */
	background: -webkit-linear-gradient(#CC0030, #ffbbcb);
/*	padding:5px;*/
	border-radius:8px;
	text-align:center;
	transition:background 1s,color 1s;
	width:240px;
	height:28px;
}
#ToiMenu li.nav-item a:hover{
	background:#ffbbcb;
	color:#000;
}

.style6 {
	font-size: medium;
	font-weight: bold;
}
.style11 {
	font-size:12px;
	color: #333333;
}
.style12 {
	font-size: small;
	color: #333333;
	line-height: 18px;
}