@charset "UTF-8";
/*液体窒素容器.com
Theme Name: ekitaichisso_style
Theme URl: http://www.ekitaichisso.com
Description: 
Version: 1.3
Author: Yagi
*/

/****************************************
 1.全体設定 
*****************************************/

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:768px){

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

fieldset{margin:0,0,0,0px; border: none;}

html{height: 100%;}

body{height: 100%;  background-color: #FFF; margin: 0; padding: 0; 
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333; 
position: relative; min-width: 100%;} 

.pc{display: none;}
.sp{display: block;}

a{text-decoration: none;}
	a:hover{color: #09C; text-decoration: none;}

.clear{ clear: both; line-height: 0;}

/*#retop{font-size:75%; margin: 15px 20px 0 0; text-align:right; line-height:170%;}*/


hr {
   border:solid #000;
   border-width:1px 0 0 0;
   margin: 20px 30px 20px 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
} 

hr.dot{
   border:dotted #000;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
}

.bottom3{margin:0 0 3% 0;}
.bottom5{margin:0 0 5% 0;}
.bottom10{margin:0 0 10% 0;}
.bottom15{margin:0 0 15% 0;}
.bottom20{margin:0 0 20% 0;}

.language{
	display:none;
}

/****************************************
　2.基本構造 
*****************************************/

#page{height: auto; 
margin: 0; padding: 0;
position: relative;
}

#wrapper{width: 100%; 
	min-height: 100%;
	height: auto !important;
	border: 0px #ddd solid; margin: 0 auto;
	position: relative;
	padding: 0 0 10% 0;
	background-color: #fff; }

#header{
	width: 100%; height: 70px; margin: 0 auto; padding: 0px;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(image/header_line.jpg); repeat-x top left;}

#header img{width: 100%;}

.header_img{width:100%; margin: 0 auto 5%;}
.header_img img{width: 100%;}

#header_member{
	height: 100%; height: 70px; margin: 0 auto 5%; padding: 0px;
	text-indent: -9999px;
	text-decoration: none; 
	background-image: url(image/header_line.jpg); repeat-x top left;}

#header_member img{width: 100%;}

#box-link { 
		position: absolute; 
		top: 120px; 
		left: 330px; 
		width: 80px; 
		height: 80px; 
		background-color: transparent; 
		border: 1px solid #fff; }

.image_top{width: 100%; height: auto; display: block; margin:0 auto 7%;}
.image_top img{width: 100%;}

.image{position: absolute; top: 75px; left: 0px; width: 960px; height: 133px; display: block;
	text-indent: -9999px;
	text-decoration: none; 
	background-image: url(image/header_s.jpg);}

h1 a{
	top: 15px; left: 10px; width: 100px; height: 24px;
	position: absolute;
	text-indent: -9999px;
	text-decoration: none;
	/***background-image: url(image/chart_logo_m.png);****/
	 display: block; overflow: hidden;
	z-index:2000;}
/* 必ずaタグで指定。これを忘れるとリンクが消える*/


#contents{
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;  
	border: 0px #d7d solid;}

	.kuzu {position: absolute; top: 230px; left: 10px; display: block;}
	.kuzu {padding: 0; margin: 0px 0px 0px 20px; font-size:11px;}

	.lang {position: absolute; top: 230px; left: 850px; display: block; font-size:12px; font-weight: bold;}

	.onecolumn{width: 90%;
	height: auto;
	margin: 0 5%; }

#container{margin: 0; padding: 0px}

	.container-t{
		width: 600px;
		height: auto;}

	.container-ta{
		width:96%;
		height: auto;
		margin: 0 auto;}

	.container-ta p{width: 100%; font-size: 16px; margin: 0 auto;}
	.container-ta ul li{width: 100%; font-size: 16px;}

	.container-ta2{
		width:96%;
		height: auto;
		margin: 0 auto;}

	.container-ta3{
		width:96%;
		height: auto;
		margin: 0 auto;}

	.container-p{
		width:96%;
		height: auto;
		margin: 0 auto;}

	.container-tb{
		width: 100%:
		height: auto;
		margin: 0 auto;
		text-align:left;
		clear: both;}

	.container-tb p{width: 100%; font-size: 16px; margin: 0 auto;}
	.container-tb p.comment{width: 100%; font-size: 14px; margin: 0 auto;}

	.container-tb ul li{width: 100%; font-size: 16px;}

	.container-spec{
		width: 100%:
		height: auto;
		border: 1px #003A81 solid;
		padding: 5%;
		margin: 0;
		clear: both;}
		
	.acce_box_l{
		width: 360px;
		height: 200px;
		text-align: center;
		font-size: 80%;}
		
	.acce_box{
		width: 180px;
		height: 200px;
		float: left;
		text-align: center;
		font-size: 80%;}

	.pages_title{width:100%; padding: 0; display: block; margin: 0 0 5% 0;}
	.pages_title img{width:100%;}
	.pages_title_member{width: 100%; margin: 0 auto; padding: 0; display: block;}
	.pages_title_member img{width: 100%;}
	.block_title{padding: 20px 0px 0px 0px; display: block;}


#top-container_a_top{width: 598px; height: 50px;
		margin: 0; padding: 0px;
		background-image: url(image/products_back_top.jpg);}

#top-container_a_middle{width: 598px; height: auto;
		margin: 0; padding: 0px;
		background-image: url(image/products_back_middle.jpg); overflow: hidden; repeat-y top left;}

	.products_box{
		width: 170px;
		height: auto;
		float: left;
		margin: 0px 0 0 0;
		padding: 0px 0 0 25px;
		display: block;}

	.products_box_b{
		width: 180px;
		height: auto;
		float: left;
		margin: 0px 0 0 0;
		padding: 0px 0 0 7px;
		display: block;}

	.products_box ul li{font-size: 75%; line-height: 180%;}
	.products_box ul li a{color: #333;}
	.products_box ul li :hover{color: #09C;}
	.products_box_b ul li{font-size: 75%; line-height: 180%;}
	.products_box_b ul li a{color: #333;}
	.products_box_b ul li :hover{color: #09C;}

#top-container_a_bottom{width: 90%; height: 20px;
		margin: 0; padding: 0px;
		background-image: url(image/products_back_bottom.jpg); overflow: hidden; }

#top-container_b{width: 90%; height: 98px;
		margin: 10px 0 0 0; padding: 0px;
		background-image: url(image/whatsnew_back.jpg);
		overflow: hidden;}




#news-container_member{width: 90%; height: auto;
		margin: 5% auto; padding: 5%;
		border: 1px solid #333;}


#news-container_member .news_box_l{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		display: block;
		}

#news-container_member .news_box{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		display: block;
		}

#news-container_member .news_box ul li{font-size: 16px; line-height: 180%; margin: 0 0 5%;}


#dl-container-member{
		width: 100%;
		height: auto;
		display: block;
		margin: 20px auto 0; padding: 0px;
		border: 0px #d7d solid;
		font-size: 14px; line-height: 180%;}

#dl-container-member p{font-size: 16px; line-height: 180%; margin: 0 0 5%;}

/****************************************
　2-2.インラインフレーム
*****************************************/

iframe{position:relative;}

.frame{width: 100%; height: 300px; padding-top: 20px; display: block; text-align: center;  background-color: #F8F4E4;}
	.ques{width: 96%; margin: 5% auto 5%; font-size: 115%; text-align: center; font-weight: bold; color: #003A81;}
	.ques2{width: 96%; margin: 10% auto 7%; font-size: 115%; text-align: center; font-weight: bold; color: #003A81;}

.frame div img{width: 90%;}

.pro ul{margin: 5% auto 5%; text-align:center;}
.pro li {font-size: 100%; font-weight: bold;}
.pro li a{color: #003A81;}
.pro li a:hover{color: #B7B7B7;}

.ans{display: block; text-align:center; margin: 0 auto;}

.ans ul{display: block; text-align:center; margin: 0 auto;}
.ans li {font-size: 110%; font-weight: bold;
  display: inline;
  padding-top: 10%;
  padding-left: 3%;
  padding-right: 3%;
}
.ans li a{color: #FF6E00;}
.ans li a:hover{color: #B7B7B7;}



/****************************************
　3.グローバルナビゲーション
*****************************************/

#sp_navigation{
	width: 100%;
	top:0;
	position: absolute;
}

p.nav_button{width:100%; height:50px; text-align: right;}
p.nav_button img{width:auto; height:50px; margin:0 3% 0 0;}

nav.dropmenu{display:none; width:100%; position:absolute; top: 55px; z-index:1000; background:#f9f8f4; box-shadow:#cdcdcd 0px 5px 5px; 
	     height:auto; padding:0 0 60px;}
nav.dropmenu ul{width:100%; height:auto; margin:0 auto; padding: 0;}
nav.dropmenu ul li{width:100%; margin:0 auto; text-align:center; height:50px; line-height:50px; border-bottom:#cdcdcd 1px solid;  
             background-color: #003B81; padding: 0; font-size: 16px;}
nav.dropmenu ul li a{color: #fff; text-decoration: none;}
nav.dropmenu ul li a:hover{color: #cdcdcd;}
nav.dropmenu ul li:first-child{border-top:#cdcdcd 2px solid;}
nav.dropmenu ul li:last-child{border-bottom:#cdcdcd 2px solid;}
nav.dropmenu ul li:hover{border-bottom:#cdcdcd 1px solid;}
nav.dropmenu ul li:last-child:hover{border-bottom:#cdcdcd 2px solid;}
nav.dropmenu .bt_close{bottom: 10px; left: 50%; margin-left: -40px; position: absolute; height: auto;}
nav.dropmenu .bt_close img{margin:20px auto 0; width:80px;}


nav.dropmenu ul li.child{background:#EC6C1B; color:#fff; text-align:center;}
nav ul li img{width:3% !important; margin:0 1% 0 0; vertical-align: middle;}
nav.dropmenu ul li.child span{background:url(image/sp/header_child_open.jpg) no-repeat right 2% center; background-size:5%; display:block;}
nav.dropmenu ul li.child.open span{background:url(image/sp/header_child_close.jpg) no-repeat right 2% center; background-size:5%;}
nav ul.child_nav{display:none;}
nav ul.child_nav li{background:#666; text-align:left; padding: 0 0 0 2%;}

/****************************************
　4.トップナビゲーション
*****************************************/

.sp_container{width: 100%; height: auto; margin: 0 auto 8%;  text-align: center; line-height: 150%; border-bottom: 1px dotted #999; padding: 0 0 5% 0;}
.sp_container2{width: 100%; height: auto; margin: 0 auto;  text-align: center; line-height: 170%;}
.sp_container3{width: 94%; height: auto; margin: 0 auto;  text-align: left; line-height: 170%; padding: 0 3%;}
.sp_container3 ul li{font-size: 19px;}
.sp_container3 .container-ta ul li{width: 100%; font-size: 16px;}
.sp_container3 .container-tb ul li{width: 100%; font-size: 16px;}
.sp_container3 .container-ta2 ul li{width: 100%; font-size: 16px;}
.sp_container3 ul.products_sp  li{width: 100%; font-size: 19px;}
.sp_container3 .container-ta3 ul.sitemap li{font-size: 16px; margin: 0; padding:0;  line-height:180%;}
.sp_container3 .container-ta3 ul.sitemap li a{color: #333;}
.sp_container3 .container-ta3 ul.sitemap li a:hover{color: #09C;}
.sp_container a img,.sp_container2 a img{width: 87%;}
.sp_container4{width: 96%; height: auto; margin: 0 auto;  text-align: left; line-height: 170%; padding: 0 2%;}

/****************************************
　4.サイドナビゲーション
*****************************************/




/****************************************
  9.フッター構造
*****************************************/

#footer{
	width: 100%; height: auto; background-color: #B7B7B7;
	/* background-image: url(image/footer_back.jpg); repeat-x top left;*/
	margin: 0px auto 0 auto; padding: 4% 0 0 0; position: relative;
	text-align: center; font-size:18px;}

#footer p{font-size: 16px; text-align: center; margin: 0 auto; padding: 5px 0 10px; line-height: 170%;}

	.p-copy{text-align:center; font-size:14px; padding:0 0 0 0;}
	.p-copy_s{text-align:center; font-size:14px; padding:0 0 10px 0; color: #003A81;}

#footer .footer_menu {font-size:18px;
	position: relative; overflow:hidden; width: 100%; padding: 20px 0;
	}
	.footer_menu ul{position: relative; left: 50%; float: left;}
		.footer_menu ul li{
			position: relative; right: 50%; float: left;
			list-style: none !important
			}
			.footer_menu li a{color: #003A81;}
				.footer_menu li a:hover{color:  #fff;}


#member_footer{
	width: 100%; height: auto; background-color: #B7B7B7;
	/* background-image: url(image/footer_back.jpg); repeat-x top left;*/
	margin: 0px auto 0 auto; padding: 4% 0 0 0; position: relative;
	text-align: center; font-size:18px;}

#member_footer p{font-size: 16px; text-align: center; margin: 0 auto; padding: 5px 0 10px; line-height: 170%;}

	.p-copy{text-align:center; font-size:14px; padding:0 0 0 0;}
	.p-copy_s{text-align:center; font-size:14px; padding:0 0 10px 0; color: #003A81;}


#member_footer .p-copy{text-align:center; font-size:14px; padding:0 0 0 0;}
#member_footer .p-copy_s{text-align:center; font-size:14px; padding:0 0 10px 0; color: #003A81;}








/****************************************
　4.テキスト
*****************************************/
p {font-size: 16px; padding:0;}
 .s {font-size: 16px; padding:5px 0px 10px 0;}
 .exam{font-size: 14px; padding: 0px auto 10px;}
 .midashi{font-size: 18px; font-weight: bold;  color: #003A81; padding:5px 0 5px 0; text-align:left;}
 .midashi_s{font-size: 19px; font-weight: bold;  color: #003A81; padding:5px 0 5px 0; text-align:left;}
 .midashi_s2{font-size: 17px; font-weight: bold;  color: #003A81; padding:5px 0 5px 0; text-align:left;}
 .midashi_s2_red{font-size: 17px; font-weight: bold;  color: #CC0000; padding:5px 0 5px 0; text-align:left;}
 .comment{font-size: 14px; text-align:left; padding: 5px 0px;}
 .comment_red{font-size: 14px; text-align:left; padding: 5px 0px 5px 0px; color: #CC0000;}
 .comment_red2{font-size: 14px; text-align:left; font-weight: normal; padding: 5px 0px 5px 0px; color: #CC0000;}
 .sup{font-size:14px; vertical-align: super;}
 .sub{font-size:16px; vertical-align: sub;}
 .retop{font-size:16px; margin: 15px 20px 0 0; text-align:right; line-height:170%;}
 .anchor{font-size:17px; margin: 10px 0 10px 0; line-height:170%;}
 .anchor a{text-decoration: underline; }
 .login{position: relative; display: block; font-size: 80%; color: #003A81; padding:0;}
 .logout{position: relative; display: block; font-size: 80%; color: #003A81; padding:5px 0 5px 0;}
 .form{font-size: 16px;}

ul li{font-size: 16px;}

.dl_list{width: 96%; margin: 0 0 10% 0;}
.dl_list p{font-size: 16px; padding:0; line-height:170%;}

/****************************************
  9.テーブル構造
*****************************************/

#table01{width: 100%; border-spacing: 0; border-collapse: collapse; }
#table01 th {padding: 1%; vertical-align: middle; text-align: left; background-color: #003A81; border: 1px #003A81 solid; font-size:14px; color: #fff;}
#table01 th.c {padding: 1%; vertical-align: middle; text-align: center; background-color: #003A81; border: 1px #003A81 solid; font-size:14px; color: #fff;}
#table01 th.ce {padding: 1%; vertical-align: middle; text-align: center; background-color: #003A81; border: 1px #003A81 solid; font-size:9px; color: #fff;}
#table01 td {padding: 1%; vertical-align: middle; text-align: center; border: 1px #003A81 solid;  font-size:13px;}
#table01 td.bold {padding: 1%; vertical-align: middle; text-align: center; font-weight: bold; border: 1px #003A81 solid;  font-size:13px;}
#table01 td.td-r {padding: 1%; vertical-align: middle; border: 0px #003A81 solid; text-align: right;}
#table01 td.td-l {padding: 1%; vertical-align: middle; border: 0px #003A81 solid;}
#table01 td.gray{padding: 1%; vertical-align: middle; text-align: left; background-color: #f0f0f0; border: 1px #003A81 solid;}
#table01 td.gray-b{padding: 1%; vertical-align: middle; text-align: left; font-weight: bold; background-color: #f0f0f0; border: 1px #003A81 solid;  font-size:80%;}
#table01 td.blue{padding: 1%; vertical-align: middle; background-color: #003A81; border: 1px #000000 solid;}

#table02{width: 600px; margin: 30px 0px 0px 10px; border-spacing: 0; border-collapse: collapse;}
#table02 td {padding: 0px 0px 30px 20px;  vertical-align: middle; text-align: left; border: 0px #003A81 solid;  font-size:90%;}

#table-form{width: 100%; margin: 10px auto 0px; border-spacing: 0 5px; border-collapse: separate; table-layout: fixed;}
#table-form th {padding: 1%; width: 100%; vertical-align: top; text-align: left; background-color: #F8F3DE; border: 0px #ccc solid; font-size:16px; color: #333;}
#table-form td {padding: 0 0 20px 0; vertical-align: middle; text-align: left;  background-color: #FFF; border: 0px #ccc solid;  font-size:16px;}

#table-form_member{width: 90%; border-spacing: 0 20px; border-collapse: separate; table-layout: fixed;}
#table-form_member td {padding: 5% auto; vertical-align: middle; text-align: left;  background-color: #FFF; border: 0px #ccc solid;  font-size:90%;}

#table03{width: 100%;  margin: 5% auto; border-spacing: 0; border-collapse: collapse;}
#table03 th {padding: 1%; vertical-align: middle; text-align: center; background-color: #003A81; border: 1px #003A81 solid; font-size:14px; color: #fff;}
#table03 td {padding: 1%; vertical-align: middle; text-align: center; border: 1px #003A81 solid;  font-size:14px;}


/****************************************
		8.  Form
*****************************************/


#search{width: 250px; height: auto; position: absolute; top: 6px; left: 720px;}

#search input[type="text"], textarea{
	width: 150px;
	height: 15px;
	border:1px solid #ccc;
	vertical-align: middle;
	color: #666;
	}

#search input[type="submit"]{
	height: 20px;
	font-size: 70%; 
	border:1px solid #ccc;
	vertical-align: middle;
	color: #666;
	cursor: pointer;
	}


#form-container-a{
	width:98%; height: auto; margin: 0px auto;}

input[type="text"], textarea{
	border:1px solid #ccc;
	padding: 5px;
	color: #666;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#F8F4E4),
		to(#fff)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#F8F4E4,
		#fff
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffF8F4E4,endColorstr=#ffffffff);
	zoom: 1;
	}
	
input[type="submit"]{
	border:1px solid #ccc;
	padding: 4px 10px;
	color: #666;
	cursor: pointer;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#F8F4E4),
		to(#ccc)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#ccc
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffF8F4E4,endColorstr=#ffcccccc);
	zoom: 1;
	}


input[type="password"], textarea{
	border:1px solid #ccc;
	padding: 5px;
	color: #666;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#F8F4E4),
		to(#fff)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#F8F4E4,
		#fff
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffF8F4E4,endColorstr=#ffffffff);
	zoom: 1;
	}
	



#contact-submit-a{height: auto; margin: 20px auto 10px;}

#contact-submit-a a{
	display: block;
	text-decoration: none;
	padding: 0px;
	width: 80%; 
	height: 41px;
}

#contact-submit-a:hover{
	opacity: 0.8;
}

#contact-submit-a2{height: auto; margin: 0 auto 10px;}

#contact-submit-a2 a{
	display: block;
	text-decoration: none;
	padding: 0px;
	width: 80%; 
	height: 41px;
}

#contact-submit-a2:hover{
	opacity: 0.8;
}

#contact-submit-a ul li{
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 176px; 
	height: 41px;
	text-indent: -9999px;
}

#navbtss1{
	border:none; width:80%; height:41px;
	display: block; margin: 0px auto;
	padding: 0px; 
	background-color: #333;
	color: #fff;
	cursor: pointer;
}

#navbtss2,#navbtss3 {
	border:none; width:80%; height:41px;
	display: block; margin: 0px auto;
	padding: 0px; 
	background-color: #333;
	color: #fff;
	cursor: pointer;
}
#navbtss2 {
	margin 0 auto 5%;
}
#navbtss3 {
	margin 0 auto 5%;




}