* { margin:0; padding:0;}
body { background:#585858; font-size:100%; line-height:1em; font-family:Arial; color:#7e7e7e; text-align:center}


/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:Arial; color:#7e7e7e; font-weight:normal; font-size:1em}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
ul{margin:0px; padding:0px; list-style:none}
ul li { line-height:1.57em; font-size:1.17em}
ul li a{text-decoration:underline; color:#247da9; background:url(images/marker_list.gif) no-repeat 0 5px; padding-left:9px}
ul li a:hover{ text-decoration:none}

ul.news {margin:0 -25px 0 -27px; padding:0px; list-style:none}
ul.news li { line-height:1.5em; padding:0 20px 16px 82px; background:url(images/line_bg.gif) repeat-x bottom; margin-bottom:10px; font-size:1em}
ul.news li img {margin:5px 0 0 -56px; float:left}
ul.news li span {font-size:0.83em; color:#000}
ul.news li a{text-decoration:underline; color:#247da9; background:none; padding:0; display:block; font-size:1.17em}
ul.news li a:hover{ text-decoration:none}
ul.news li.none {background:none}

ul.list_1 {margin:0 -25px 0 -27px; padding:0px; list-style:none}
ul.list_1 li { line-height:1.5em; padding:0 20px 16px 82px; background:url(images/line_bg.gif) repeat-x bottom; margin-bottom:10px; font-size:1em}
ul.list_1 li img {margin:5px 0 0 -56px; float:left}
ul.list_1 li span {font-size:0.83em; color:#000}
ul.list_1 li a{text-decoration:underline; color:#247da9; background:none; padding:0; display:block; font-size:1.17em}
ul.list_1 li a:hover{ text-decoration:none}
ul.list_1 li.none {background:none}

/*==========================================*/

a {text-decoration:underline; color:#247da9}
a:hover {text-decoration:none}

a.link {text-decoration:underline; color:#000; background:url(images/marker_link.gif) no-repeat right 5px; padding-right:17px; font-size:1.09em}
a.link:hover {text-decoration:none; text-decoration:none}

.right {float:right}
.left { float:left;}
.clear { clear:both;}


h3 {font-size:1.17em; line-height:1.29em; font-weight:normal; color:#247da9; margin:0 0 18px 0}

.font_1 {font-size:1.17em; line-height:1.29em; font-weight:normal; color:#247da9}
.font_2 {font-size:1.17em; line-height:1.29em; font-weight:normal; color:#247da9; text-decoration:underline}


.bg_top {background:url(images/top_bg1.gif) repeat-x left top #fff; width:100%}
.bg_lower {background:url(images/lower_bg1.gif) repeat-x left top #fff; width:100%}
.bg_bot {background:url(images/bot_bg.gif) repeat-x left bottom; width:100%}

.news_link { clear:both; text-align: right; font-size:1.17em;}

/*header*/
#header_1 {width:100%; height:85px; text-align:center}
#header_2 {width:100%; height:365px; position:relative; text-align:center}
#header_2 .width {margin:0 auto; width:780px; text-align:left}
#header_2 .bg {width:780px; background:url(images/top_bg2.gif) repeat-x left top }

/*content*/
#content {min-height:612px; height:auto !important; height:612px; font-size:0.75em; line-height:1.5em; position:relative}
.title {margin-bottom:21px}
.title_1 {margin-bottom:28px}
.title_2 {margin-bottom:45px}
.img_left {float:left; margin:0 22px 25px 0}
.img_left1 {float:left; margin:0 14px 20px 0}

.line {background:url(images/line_bg.gif) repeat-x top; height:28px}

.box {width:100%}

p {margin:0 0 18px 0}
.p1 {margin:0 0 28px 0}
.p2 {margin:0 0 8px 0}
.p3 {margin:0 0 18px 0}
.p3:first-line {font-size:1.17em; line-height:1.29em; font-weight:normal; color:#247da9}

/*footer*/
#footer { height:71px; font-size:0.75em; color:#fff; line-height:1.25em}
#footer .indent {padding:32px 0 30px 18px}
#footer a {color:#fff; font-weight:bold; text-decoration:underline}
#footer a:hover {text-decoration:none}

#footer a.rss {background:url(images/rss_img.jpg) no-repeat right top; padding:0 29px 2px 0; color:#fff; text-decoration:underline; font-weight:normal; line-height:1.25em; float:right; margin:0 35px 0 0}
#footer a.rss:hover {text-decoration:none}



/*================== index.html ==================*/
#page1 #content .col_1 .indent { padding:33px 20px 20px 18px}
#page1 #content .col_2 .indent { padding:209px 19px 41px 0}
#page1 #content .col_2 .ind {padding:25px 25px 25px 27px}

/*================== index-1.html ==================*/
#page2 #content .col_1 .indent { padding:30px 20px 20px 18px}
#page2 #content .col_2 .indent { padding:30px 19px 41px 0}
#page2 #content .col_2 .ind {padding:25px 25px 25px 27px}
#page2 #content .col_3 .indent { padding:33px 18px 20px 18px}

/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding:30px 20px 18px 18px}
#page3 #content .col_1 .indent_1 { padding:0 20px 20px 18px}
#page3 #content .col_1 .line {margin-top:23px}
#page3 #content .col_2 .indent { padding:30px 19px 41px 0}
#page3 #content .col_2 .ind {padding:25px 25px 15px 27px}

/*================== index-3.html ==================*/
#page4 #content .col_1 .indent { padding:33px 20px 20px 18px}
#page4 #content .col_1 .line {margin-top:23px}
#page4 #content .col_1 .box { padding-bottom:16px}
#page4 #content .col_1 .col_box_1 {width:54%}
#page4 #content .col_1 .col_box_2 {width:46%}
#page4 #content .col_2 .indent { padding:109px 19px 41px 0}
#page4 #content .col_2 .ind {padding:25px 25px 15px 27px}

/*================== index-4.html ==================*/
#page5 #content .col_1 .indent { padding:33px 20px 20px 18px}
#page5 #content .col_1 .box {width:365px}
#page5 #content .col_1 .col_box_1 {width:200px}
#page5 #content .col_1 .col_box_2 {width:165px}
#page5 #content .col_2 .indent { padding:109px 19px 41px 0}
#page5 #content .col_2 .ind {padding:25px 28px 15px 27px}

/*input {width:170px; height:17px}*/
.div_input {height:22px}
textarea {width:163px; height:97px; overflow:auto; margin-bottom:10px; display:block}
.div_links {text-align:right; width:365px; padding-bottom:10px}

/*================== index-5.html ==================*/
#page6 #content .indent { padding:30px 25px 20px 18px}


/*==================block====================*/
.block { background:url(images/top_1.gif) repeat-x top #f5f5f5; width:100%}
.block .left_top { background:url(images/left_top_1.gif) left top no-repeat; width:100%}
.block .right_top { background:url(images/right_top_1.gif) right top no-repeat; width:100%}
.block .right_bot { background:url(images/right_bot_1.gif) right bottom no-repeat; width:100%}
.block .left_bot { background:url(images/left_bot_1.gif) left bottom no-repeat; width:100%; min-height:462px; height:auto !important; height:462px}
/*==========================================*/

/*090626 updata*/
.sg_p_top{
	text-align:right;
	padding:10px 0 15px 0;
	}
	
.sg_h4_01 a{
	font-size:18px;
	color:#087255;
	font-family:"Times New Roman", Times, serif;
	padding-bottom:10px;
	}
.sg_h4_02 a{
	font-size:18px;
	color:#3a0089;
	font-family:"Times New Roman", Times, serif;
	padding-bottom:10px;
	}
	
.sg_tbl{
	padding:10px;
	}
.sg_tbl td,
.sg_tbl th{
	padding:10px;
	}
.sg_ul li{
	font-size:12px;
	padding:2px 0;
	}
#box_faq ul{
	padding:0 0 10px 0;
	}
#box_faq ul li{
	font-size:12px;
	}
#box_faq ul li ul{
	padding:0 10px;
	}
.sg_dl{
	padding:15px 0;
	}
.sg_dl dt{
	font-size:12px;
	font-weight:bold;
	}
	
.bg_dai{
	background-image:url(images/daihyo.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	height:120px;
	}
	
/*090730updata*/
#box_poricy{
	font-size:12px;
	}
#box_poricy h3{
	font-weight:bold;
	}
#box_poricy p{
	font-size:12px;
	margin-bottom:20px;
	}
#box_poricy dl{
	padding:8px 5px;
	}
#box_poricy dt{
	font-size:12px;
	/*font-weight:bold;*/
	color:#247da9;
	}
#box_poricy dd{
	font-size:12px;
	line-height:18px;
	}
#box_poricy ul{
	margin:15px 10px;
	font-size:10px;
	}
#box_poricy li{
	/*font-size:10px;*/
	padding:3px 0;
	}
#box_poricy h4{
	padding:20px 0 10px 0;
	color:#247da9;
	}
#box_poricy h5{
	font-size:12px;
	}
#box_poricy h5 + p{
	/*font-size:10px;*/
	line-height:16px;
	}
#box_poricy img{
	padding:0;
	margin:0;
	}
	
/*お問い合わせフォーム*/
table.contacts{
	margin:0;
	padding:0;
	width:640px;
	border-collapse:collapse;
	font-size:1em;
	line-height:1.15em;
}
table.contacts th{
	margin:0;
	padding:5px 8px;
	width:160px;
	background:#e9f9ff;
	border:1px solid #cccccc;
	text-align:left;
}
table.contacts td{
	margin:0;
	padding:5px 8px;
	border:1px solid #cccccc;
}
table.contacts td input{
	height:21px;
}
.small{
	margin:0;
	padding:0;
	font-size:0.75em;
}
.submit_btn{
	margin:10px 0;
	padding:0;
	width:640px;
	text-align:center;
}

.g-recaptcha {
  display: inline-block !important;
	margin-left: 18px;
}

.submit_btn input {
	width:87px;
	height:31px;
}

.orange{color:#ff3300;}
.w120{width:120px;}
.w180{width:180px;}
.w240{width:240px;}
.w360{width:360px;}

.h20{height:20px;}
.h128{height:128px;}



#tweetblock{
	width:300px;
	margin:10px auto;
	}
#content #btn_links{
	width:120px;
	margin:0 0 0 210px;
	}
#content #btn_links li{
	float:left;
	width:40px;
	}
#content #btn_links li a{
	background-image:none;
	}


/*  -------------------------------------- */
#header_1 ul.global_menu
{
	width:100%;
	height:100%;
		overflow: hidden;

}
#header_1 ul.global_menu li{
	float:left;
	height:85px;
	line-height: 50px;
	padding-top:30px
}
#header_1 ul.global_menu a{
	background: none;
	text-decoration: none;
	color: black;
}
#header_1 ul.global_menu .logo img{
	vertical-align:middle;
	margin-top:-27px;
	margin-right: 10px;
	height:50px;
}
#header_1 ul.global_menu .txt a{
	padding-left:15px;
	padding-right:15px;
	margin-left:5px;
	margin-right: 5px;
	font-size:small;
	letter-spacing: 1px;
	display: block;
	border-radius: 5px;
  	  -webkit-transition: all 0.5s ease;
 	 transition: all 0.5s ease;
}
#header_1 ul.global_menu .txt a:hover{
	background: #333;
	color:#fff;
}

.top_img{
	animation:show 1s both;
	animation-delay:1s;
}
@keyframes show {
	0% {
		transform:translate(0,2em);
		opacity:0;
		text-shadow:0 0 0 #0f0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
		text-shadow:none;
	}
}


@media screen and (min-width:1800px){

	.topvideo{
		height:500px;
	}
	.topvideomp4{
		max-width:2000px;
	}

}

@media screen and (max-width: 480px){
	#header_1 ul.global_menu li{
		width:100%!important;
		float:none;
		clear:both!important;
		font-size:medium;
	}
	#header_1 ul.global_menu .logo{
		height:100px;
		line-height:100px;
	}
	#header_1{
		height:auto;
	}
	.topvideo{
		display: none;
	}
	.bg_top{
		background-image: none;
	}
	#header_1 ul.global_menu li{
		padding-top:0;
		height:auto;
	}
	#header_2{
		background-color: #236A93
	}
	#header_2 .top_img{
		top:180px!important;
		width:50%;
	}
	.min_width{
		min-width:100%!important;
	}
	#main{
		width: 100%!important;
	}
	#content{
		font-size:1em;
		margin-top:100px;
	}
	#content .col_1{
		width:100%!important;
		float:none;
	}
	#content .col_2{
		width:96%!important;
		margin:2%;
		float:none;
	}
}