/*青*/

/***********************************
all
***********************************/
*{
	margin:0;
	padding:0;
	font-size:100%;
}
body{
	line-height: 1.4em;
	-webkit-text-size-adjust: none;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#a3c3ea), to(#fff));
	background-repeat:repeat-x;
	font-size: 14px;
	overflow:hidden;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
	display:block;
}
img {
	border: 0;
	vertical-align: bottom;
}
ul, ol {
	list-style: none;
}
table {
	border-spacing: 0;
	empty-cells: show;
}
section{
	margin:10px;
	clear:both;
	position:relative;
	z-index:2;
}
a{
	text-decoration:none;
}

/***********************************
Text style
***********************************/
.mgn0_0_10_0{margin:0 0 10px 0;}
.mgn0_0_20_0{margin:0 0 20px 0;}

/***********************************
Head
***********************************/
#h1_top{
	width:320px;
	height:60px;
	background:url("../img/h1_logo.png") 0px 10px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	z-index:3;
}
#h1_sub a{/*サブ階層用*/
	display:block;
	width:320px;
	height:60px;
	background:url("../img/h1_logo.png") 0px 10px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	z-index:3;
}
header nav{
	position:fixed;
	bottom:0;
}
header nav ul{
	background:#80a6d2;
	float:left;
	position:relative;
	z-index:3;
	width:100%;
	text-align:center;
}
header nav ul li{
	float:left;
	width:25%;
}
header nav ul li a{
	color:#fff;
	margin:auto;
	border:1px solid #a3c2e5;
	-webkitborder-radiu-s:5px;
	border-radius:5px;
	width:60px;
	height:60px;
	display:block;
}
#pankuzu{
	position:relative;
	z-index:4;
	margin:10px;
}
#pankuzu li{
	margin:0 3px 0 0;
	float:left;
}
#pankuzu:after{
	content:"";
	clear:both;
	display:block;
}
#pankuzu li a:after{
	content:" >";
}
/***********************************
Navigation
***********************************/
#nav1{/*フッタ固定型ページ内のナビゲーション1*/
	margin:0 auto 10px auto;
	text-align:center;
}

#nav1 ul li{
	line-height:1.8em;
	display:inline;
}
#nav1 ul li:nth-child(odd):after{
	content:" | ";
}
#nav1 ul li a{
	color:#666;
	text-decoration:underline;
}
/***********************************
Foot
***********************************/
#index footer{
	position:absolute;
	width:100%;
	height:93px;
	display:block;
	background:url("../img/bg_footer.png") repeat-x;
}

footer small{
	margin:10px;
	font-size:12px;
	display:block;
	position:absolute;
	top:60px;
	right:0;
}
/*
footer ul{
	backgroud:#fcc;
	margin:auto;
	width:250px;
	text-align:center;
}
footer ul li{
	float:left;
	margin:5px 0;
}
footer ul li a{
	color:#fff;
	text-decoration:underline;
}
footer ul li a:after{
	content:" | ";
}
*/

/***********************************
Common style
***********************************/
.h2Style01{/*ベーシックなh2スタイル*/
	margin:7px 0;
	color:#4776b0;
	border-left:5px #4776b0 solid;
	padding:0 0 0 8px;
}
.UlStyle01{/*トップページのスライド*/
	position:relative;
	height:120px;
}
.UlStyle01 li a{
	position:absolute;
	top:0;
	display:block;
	height:100px;
	padding:10px 10px 10px 120px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#333;
}

.UlStyle01 dt{
	font-weight:bold;
}
.UlStyle01 dd{
	margin:10px 0 0 0;
}
.UlStyle02{

}
@-webkit-keyframes lang{
0%	{ opacity:0;}
11%	{ opacity:1; z-index:4;}
22%	{ opacity:1; z-index:4;}
33%	{ opacity:0;}
44%	{ opacity:0;}
55%	{ opacity:0;}
66%	{ opacity:0;}
77%	{ opacity:0;}
88%	{ opacity:0;}
100%	{ opacity:0;}
}
#li_lang a{
	-webkit-animation:lang 20s infinite linear;
	background:url("../img/top_img01.png") 10px 10px no-repeat;
}
@-webkit-keyframes over{
0%	{ opacity:0;}
11%	{ opacity:0;}
22%	{ opacity:0;}
33%	{ opacity:1; z-index:4;}
44%	{ opacity:1; z-index:4;}
55%	{ opacity:0;}
66%	{ opacity:0;}
77%	{ opacity:0;}
88%	{ opacity:0;}
100%	{ opacity:0;}
}
#li_over a{
	-webkit-animation:over 20s infinite linear;
	background:url("../img/top_img02.png") 10px 10px no-repeat;
}
@-webkit-keyframes creat{
0%	{ opacity:0;}
11%	{ opacity:0;}
22%	{ opacity:0;}
33%	{ opacity:0;}
44%	{ opacity:0;}
55%	{ opacity:1; z-index:4;}
66%	{ opacity:1; z-index:4;}
77%	{ opacity:0;}
88%	{ opacity:0;}
100%	{ opacity:0;}
}
#li_creat a{
	-webkit-animation:creat 20s infinite linear;
	background:url("../img/top_img03.png") 10px 10px no-repeat;
}
@-webkit-keyframes daily{
0%	{ opacity:0;}
11%	{ opacity:0;}
22%	{ opacity:0;}
33%	{ opacity:0;}
44%	{ opacity:0;}
55%	{ opacity:0;}
66%	{ opacity:0;}
77%	{ opacity:1; z-index:4;}
88%	{ opacity:1; z-index:4;}
100%	{ opacity:0;}
}
#li_daily a{
	-webkit-animation:daily 20s infinite linear;
	background:url("../img/top_img04.png") 10px 10px no-repeat;
}



.UlStyle02 li{/*リスト型ボタン*/
	font-weight:bold;
	border-top:1px solid #5987c0;
	border-left:1px solid #5987c0;
	border-right:1px solid #5987c0;
	-webkit-box-shadow:#fff 0 0 2px;
	box-shadow:#fff 0 0 2px;
	background-color:#7fa7d9;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#7fa7d9), to(#a3c3ea));
}
.UlStyle02 :first-child{
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.UlStyle02 li:last-child{
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	border-bottom:1px solid #5987c0;
}
.UlStyle02 li a:after{
	content:">";
	float:right;
}
.UlStyle02 a{
	color:#fff;
	display:block;
	padding:12px;
	text-shadow:#39679f 1px 1px 1px;
}
.UlStyle03{
	text-align:center;
}
.UlStyle03:after{
	content:"";
	display:block;
	clear:both;
}
.UlStyle03 li{
	float:left;
	margin:0 0 12px 0;
}
.UlStyle03 li a{
	text-aline:center;
	margin:7px;
	width:60px;
	height:60px;
	display:block;
	-webkit-border-radius:5px;
	text-decoration:none;
	font-size:10px;
}

ul.UlStyle04{/*44 x 44のボタン型リンク(iuiと同じタイプ)*/
	min-height:50px;
	width:275px;
	margin:10px auto;
}
ul.UlStyle04 li{
	float:left;
	padding:3px;
	margin:0 5px 0 0;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	-webkit-border-radius:5px;
	border-radius:5px;
}
ul.UlStyle04 li a{
	text-indent:-9999px;
	overflow:hidden;
	color:#000;
	background:#666;
	display:block;
	width:44px;
	height:44px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
ul.UlStyle04 li:first-child a{
	background:url("../img/bt01.png") no-repeat;
}
ul.UlStyle04 li:nth-child(2) a{
	background:url("../img/bt02.png") no-repeat;
}
ul.UlStyle04 li:nth-child(3) a{
	background:url("../img/bt03.png") no-repeat;
}
ul.UlStyle04 li:nth-child(4) a{
	background:url("../img/bt04.png") no-repeat;
}
ul.UlStyle04 li:last-child a{
	background:url("../img/bt05.png") no-repeat;
}
ul.UlStyle04 li:after{
	content:"";
	clear:both;
	display:block;
}

/***********************************
Animation
***********************************/
.portrait div#contents	{}

#bg_crowd{
	position:absolute;
	top:0;
	width:320px;
	height:400px;
	overflow:hidden;
}
.landscape #bg_crowd {
	width:480px;
}
@-webkit-keyframes crowd01{
0%	{left:50px; opacity:0;}
5%	{left:45px;opacity:1;}
95%	{left:-500px;opacity:1;}
100%	{left:-500px; opacity:0;}
}
#bg_crowd01{
	position:absolute;
	width:854px;
	height:513px;
	background:url("../img/bg_crowd01.png") no-repeat;
	-webkit-animation:crowd01 100s infinite linear;
}

@-webkit-keyframes crowd02{
0%	{left:100px; opacity:0;}
5%	{left:95px;opacity:1;}
95%	{left:-500px;opacity:1;}
100%	{left:-500px; opacity:0;}
}
#bg_crowd02{
	position:absolute;
	top:-200px;
	width:663px;
	height:391px;
	background:url("../img/bg_crowd02.png") no-repeat;
	-webkit-animation:crowd02 50s infinite linear;
}


/***********************************
お問い合せ
***********************************/
.entry{
	font-weight:bold;
	margin:10px 0 4px 0;
	padding:0 0 0 18px;
	background:url("../img/icn_arrow01.png") left center no-repeat;
}
.box{
	color:#333;
	padding:0 0 10px 0;
	border-bottom:1px dotted #4776b0;
}
.box input{
	padding:5px 0;
}
.hissu{
	position:relative;
	bottom:1px;
	font-size:80%;
	padding:3px;
	margin:0 4px;
	background:#936;
	color:#fff;
}
.box small,
.caution{
	color:#936;
	font-size:85%;
}

#leading{
	margin:10px 0 0 0;
	font-size:90%;
}

#button_sub_res input,
#submit_reset input{
	text-align:center;
	margin:10px auto;
	padding:0 5px;
	line-height:2em;
}