@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  line-height: 1.5;
  color: #484a4c;
  min-width: 960px;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
  font-size: 14px; }

a:link,
a:visited {
  color: #1f78d2;
  text-decoration: underline;}

a:hover,
a:active {
  text-decoration: none;
  opacity: 0.7; }

img {
  max-width: 100%;
  height: auto; }
.header {
	width:100%;
	background-color:#FFF;
	height:80px;}
.header_in {
	width:1100px;
	padding:18px 25px 0 25px;
	height:62px;
	margin:0 auto;}
  .header img {
    display: block; }
  .header .logo {
    float: left;
    width: 834px; }
    .header .logo a {
      display: block; }
  .header .data {
    float: right;
    width: 266px; }
  .global {
	  overflow:auto;
	  width:100%;
	  border-bottom:1px solid #d0cece;
	  border-top:1px solid #d0cece;}
@media print {

	    .global {
			
			display:none;

	    }

	}
    .global ul {
      margin: 0 auto;
      width: 1100px;
      *zoom: 1; }
      .global ul:after {
        content: '';
        display: table;
        clear: both; }
    .global li {
      float: left; }
      .global li a {
        display: block;
        height: 56px;
        background-image: url(../img/common/g_navi.png);
        background-repeat: no-repeat;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden; }
        .global li a.top {
          width: 122px;
          background-position: 0 0; }
        .global li a.product {
          width: 210px;
          background-position: -122px 0px; }
        .global li a.about {
          width: 182px;
          background-position: -332px 0px; }
        .global li a.data {
          width: 275px;
          background-position: -514px 0px; }
        .global li a.info {
          width: 155px;
          background-position: -790px 0px; }
        .global li a.contact {
          width: 156px;
          background-position: -946px 0px; }
        .global li a:hover.top, .global li a:active.top, .global li a.current.top {
          background-position: 0 -56px; }
        .global li a:hover.product, .global li a:active.product, .global li a.current.product {
          background-position: -122px -56px; }
        .global li a:hover.about, .global li a:active.about, .global li a.current.about {
          background-position: -332px -56px; }
        .global li a:hover.data, .global li a:active.data, .global li a.current.data {
          background-position: -514px -56px; }
        .global li a:hover.info, .global li a:active.info, .global li a.current.info {
          background-position: -790px -56px; }
        .global li a:hover.contact, .global li a:active.contact, .global li a.current.contact {
          background-position: -946px -56px; }

.footer {
  width:100%;
  background: #f5f3f3;
  padding:35px 0 40px 0;
  color:#000;
  font-size:12px;}
@media print {

	.footer {
			
			display:none;

	    }

	}
	 .footer .footer_in{
		 width:1100px;
		 padding:0 25px;
		 margin:0 auto;
		 overflow: auto;}
	 .footer .footer_in .f_info{
		 width:380px;
		 float:left;}
	 .footer .footer_in .f_info strong{
		 display:block;
		 padding:0 0 10px 0;
		}
	 .footer .footer_in dl{
		 width:180px;
		 float:left;
		}
	 .footer .footer_in dl dt{
		 border-left: 2px solid #000;
		 padding:0 0 0 5px;
		 margin:0 0 10px 0;
		}
	 .footer .footer_in dl dd{
		 min-height:25px;
		 font-size:10px;
		}
	 .footer .footer_in .copyright{
		 width:1100px;
		 font-size:10px;
		 text-align:center;
		 padding:15px 0 0 0;
		}
		
.footer a {
		text-decoration: none;
		color:#000;
}
.footer a:hover {
		text-decoration: none;
		color:#000;
}

  .footer .copyright {
    padding: 8px 0;
    text-align: center;
    font-size: 10px; }
	
	
	
/*共通*/
.title {
  font-size: 22px;
  color:#000;
  font-weight:bold;
  text-align:center;
  padding:0 0 30px 0;
  line-height:22px;}
	.title span {
	  font-size: 15px;
	  color:#1f78d2;
}
.title02 {
  font-size: 22px;
  color:#000;
  font-weight:bold;
  padding:0 0 30px 0;}
	.title02 span {
	  font-size: 8px;
	  color:#7f7f80;
	  padding:0 0 30px 0;
	  font-weight:normal;}

.title03 {
  font-size: 14px;
  color:#1f78d2;
  font-weight:bold;
  padding:0 0 20px 0;
  margin:30px 0 0 0;}

.title04 {
  font-size: 18px;
  color:#000;
  font-weight:bold;
  padding:0 0 0 20px;
  margin:0 0 15px 0;
  border-left:2px solid #039;}


.comm_center{
  text-align:center;
  padding:0 0 35px 0;
}
.kadomaru{  
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
    }
	
	
	
/*home*/
#mainimg{
	width:1100px;
	padding:0 25px;
	 position: relative;
	 font-size:0;
	 margin:0 auto;}
@media print {

	    #mainimg {
			
			display:none;

	    }

	}
	#mainimg #mainimgIn{
		margin:0 -436px;}
	#mainimg h2{
    position: absolute;
    top: 50px;
	width:1070px;
	text-align:center;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
    padding: 15px;
    font-size: 35px;
    line-height: 130%;
	font-weight:bold;}

.content {
	width:1100px;
	margin:0 auto;
	padding:50px 25px 150px 25px;
	overflow:auto;}

.product{
	width:1100px;
	overflow:auto;}
	.product .product_box{
		/*box-shadow*/
		box-shadow:0px 0px 10px;
		-webkit-box-shadow:0 0 5px #ccc, 0 0 5px #ccc, 0 0 1px #ccc;
		-moz-box-shadow:0 0 5px #ccc, 0 0 5px #ccc, 0 0 1px #ccc;
		float:left;
		width:525px;
		padding:5px;
		overflow:auto;
		border:1px solid #d0cece;
		margin:5px;}
		.product .product_box h4{
			width:510px;
			color:#1f78d2;
			padding:0 0 0 10px;
			font-size:18px;
			font-weight:bold;
			display:block;
			border-left:4px solid #1f78d2;}
		.fil{
			background:url(../img/common/product01_img.png) no-repeat 10px 10px;}
		.ra{
			background:url(../img/common/product02_img.png) no-repeat 10px 10px;}
		.fil02{
			background: url(../img/product/product03_img.png) no-repeat 10px 20px;}
		.ra02{
			background: url(../img/product/product04_img.png) no-repeat 10px 20px;}
		.product .product_box .img_box{
			width:525px;
			height:230px;}
		.product .product_box p{
			padding:10px 0 10px 0px;}
			.product .product_box p span{
				color:#ca0909;}
		.product .product_box .more{
			width:521px;
			height:40px;
			line-height:40px;
			text-align:center;
			color:#000;
			font-weight:bold;
			margin:0 0 10px 0;}
		.product .product_box .more a {
			border:2px solid #000000;
			  text-decoration: none;
			  color:#000;
			 display:block;
			width: 100%; /* 横幅 */}
		
		 /* 以下マウスを載せたときのスタイル */
		.product .product_box .more a:hover { 
			border:2px solid #666;
			color:#666; }
		.kadomaru #r_box{
			margin:0 0 0 5px;
			}
			
.top_main{
	width:1100px;
	padding:60px 0 0 0;
	overflow:auto;}
	.top_main .left_box{
		width:720px;
		float:left;}
	.top_main .left_box .topics_box{
		width:720px;
		float:left;}
		.top_main .left_box .topics_box ul{
			width:720px;
			height:250px;
			overflow:auto;
			list-style-type:none;
			margin:5px 0 0 0;
			padding:0 0;
			overflow-x:hidden;
			scrollbar-3dlight-color:#F0EADF;
			scrollbar-arrow-color:##630;
			scrollbar-darkshadow-color:#F0EADF;
			scrollbar-face-color:#F0EADF;
			scrollbar-highlight-color:#F0EADF;
			scrollbar-shadow-color:#F0EADF;
			scrollbar-track-color:#F0EADF;
			list-style-type:none;
			float:left;}
		.top_main .left_box .topics_box ul li{
			width:700px;
			overflow:auto;
			list-style-type:none;
			margin:0 0 3px 0;
			line-height:19px;
			padding:5px 10px 5px 0;}
		.top_main .left_box .topics_box ul li .time {
			width:145px;
			font-style:oblique;
			padding:0 0 0 15px;
			float:left;}
		
		.top_main .left_box .topics_box ul li .txt {
			width:520px;
			padding:0 0 0 20px;
			height:auto;
			float:left;
		}
	.top_main .right_box{
		width:350px;
		padding:0 0 0 30px;
		float:left;}
		.top_main .right_box ul{
			list-style-type:none;
			margin:0 0 0 0;
			padding:0 0;}
		.top_main .right_box ul li{
			list-style-type:none;
			margin:0 0 10px 0;
			padding:0 0;}


/**/
.main{
	width:1100px;
	padding:0 0 0 0;
	overflow:auto;}
	.main .left_box{
		width:750px;
		float:left;}
	.main .left_box .alpha_Box{}
	.main .left_box .alpha_Box02{
		margin:0 0 20px 0;}
	.main .left_box .beta_Box{
		margin:100px 0 0 0;}
@media print {

	.main .left_box .beta_Box {
		margin:30px 0 0 0;}


	}
		.main .left_box ul.f_banner{
			list-style-type:none;
			margin:50px 0 0 0;
			padding:0 0;
			overflow:auto;}		
@media print {

	.main .left_box ul.f_banner {
		display:none;}


	}
		.main .left_box ul.f_banner li{
			list-style-type:none;
			float:left;
			padding:0 0 0 43px;}		
	.main .right_box{
		width:310px;
		padding:0 0 0 40px;
		float:left;}
@media print {

	.main .right_box {
			
		width:250px;
		padding:0 0 0 30px;
		float:left;}


	}
	.main .right_box02{
		width:310px;
		padding:0 0 0 40px;
		float:rught;}
	.main .right_box ul.subnavi{
		width:310px;
		list-style-type:none;
		margin:0 0 0 0;}
	.main .right_box ul.subnavi li{
		width:250px;
		list-style-type:none;
		margin:0 0 0 0;
		height:60px;
		font-size:16px;
		line-height:60px;
		font-weight:bold;}
	.main .right_box ul.subnavi li a{
		display:block;
		width: 100%; /* 横幅 */
		background: url(/img/common/side_bg_off.png) no-repeat;
		text-decoration: none;
		color:#000;
		padding:0 0 0 60px;
		}
	.main .right_box ul.subnavi li a:hover{
		display:block;
		width: 100%; /* 横幅 */
		background: url(/img/common/side_bg_on.png) no-repeat;
		opacity:1;
		}
	.main .right_box ul.subnavi02{
		width:310px;
		list-style-type:none;
		margin:60px 0 0 0;}
	.main .right_box ul.subnavi02 li{
		list-style-type:none;
		margin:0 0 10px 0;
		font-size:0px;}
.comm_left{
  text-align:left;
  padding:0 0 35px 0;
}
.comm_left02{
  text-align:left;
  padding:0 0 35px 0;
}
.comm_left02 img{
	display:block;
}
.comm_left span{
	font-size:10px;}
.f_bold{
	font-weight:bold;
}
.f_blue{
	color:#0d5fb1;
}
.f_red{
	color: #C00;
}

p.second{
	padding:30px 0;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 79px;
    text-align: center;
    display: block;
}
#page-top a:hover {
}

/*company*/
table.company{
	width:750px;
	height:auto;
	margin:0 0 20px 0;
}
table.company th{
	width:210px;
	padding:26px 0 15px 25px;
	height:auto;
	text-align:left;
	border-top:4px solid #e0dede;
}

table.company td{
	width:465px;
	padding:26px 0 15px 50px;
	height:auto;
	text-align:left;
	vertical-align:middle;
	line-height:25px;
}
/*product*/
.product02{
	width:750px;
	overflow:auto;}
	.product02 .product_box{
		/*box-shadow*/
		box-shadow:0px 0px 10px;
		-webkit-box-shadow:0 0 5px #ccc, 0 0 5px #ccc, 0 0 1px #ccc;
		-moz-box-shadow:0 0 5px #ccc, 0 0 5px #ccc, 0 0 1px #ccc;
		float:left;
		width:353px;
		padding:5px;
		overflow:auto;
		border:1px solid #d0cece;
		margin:5px;
		font-size:12px;}
		.product02 .product_box h4{
			width:338px;
			color:#1f78d2;
			padding:0 0 0 10px;
			font-size:18px;
			font-weight:bold;
			display:block;
			border-left:4px solid #1f78d2;}
		.fil{
			background:url(../img/product/product01_img.png) no-repeat 10px 10px;
			background-position:10px 20px ;}
		.ra{
			background:url(../img/product/product02_img.png) no-repeat 10px 10px;
			background-position:0 20px ;}
		.product02 .product_box .img_box{
			width:353px;
			height:160px;}
		.product02 .product_box p{
			padding:10px 0 10px 0px;}
			.product02 .product_box p span{
				color:#ca0909;}
		.product02 .product_box .more{
			width:339px;
			height:40px;
			line-height:40px;
			text-align:center;
			color:#000;
			font-weight:bold;
			margin:0 0 10px 0;}
		.product02 .product_box .more a {
			border:2px solid #000000;
			  text-decoration: none;
			  color:#000;
			 display:block;
			width: 100%; /* 横幅 */}
		
		 /* 以下マウスを載せたときのスタイル */
		.product02 .product_box .more a:hover { 
			border:2px solid #666;
			color:#666; }
#product01_img{
	width:750px;
	padding:0 0;
	 position: relative;
	 margin:0 auto;}
	#product01_img #product01_base{
		margin:0 0;}
	#product01_img #box01{
	width:250px;
	position: absolute;
	top: 720px;
	width:197px;
	padding: 15px;
	line-height: 130%;
	left: 12px;
	height: 76px;
	}
	#product01_img #box02{
	width:250px;
	position: absolute;
	top: 719px;
	width:197px;
	padding: 15px;
	line-height: 130%;
	left: 263px;
	height: 76px;
	}
	#product01_img #box03{
	width:250px;
	position: absolute;
	top: 718px;
	width:197px;
	padding: 15px;
	line-height: 130%;
	left: 511px;
	height: 76px;
	}
table.product01{
	width:750px;
	height:auto;
	border-top:1px solid #757b89;
	margin:0 0 10px 0;
}
table.product01 th{
	background-color:#d1edfc;
	line-height:40px;
	height:auto;
	border-bottom:1px solid #757b89;
	color:#255fb0;
}

table.product01 td{
	line-height:40px;
	height:auto;
	vertical-align:middle;
	text-align:center;
	border-bottom:1px solid #757b89;
}
table.product01 .right_b{
	border-right:1px solid #757b89;
}
table.product01 .wight_left{
	width:207px;
}
table.product01 .wight_right{
	width:180px;
}
.att{
	width:750px;
	font-size:10px;
}

/*contact*/
table.contact{
	width:750px;
	height:auto;
	margin:0 0 0 0;
}
table.contact th{
	width:212px;
	padding:10px 0 11px 20px;
	height:auto;
	text-align:left;
	border-top:4px solid #e0dede;
}
table.contact th strong{
	color: #F00;
}


table.contact td{
	width:458px;
	padding:10px 0 11px 60px;
	height:auto;
	text-align:left;
	vertical-align:middle;
}
table.contact td span{
	font-size:10px;
}

.txt1{
    width:387px;
	height:25px;
	background-color:#FFFFFF;
	border:1px solid #bfbfb6;
	line-height:25px;
	padding:0 0 0 5px;
}
.txt2{
    width:100px;
	height:25px;
	background-color:#FFFFFF;
	border:1px solid #bfbfb6;
	line-height:18px;
	padding:0 0 0 5px;
	margin:5px 0 0 0;
	}

.txt3{
    width:387px;
	height:110px;
	background-color:#FFFFFF;
	border:1px solid #bfbfb6;
	line-height:18px;
	padding:0 0 0 5px;
	margin:5px 0 0 0;
	}

#send{
	width:400px;
	padding:10px 0 0 130px;
}

/*privacy*/
dl.privacy{
	 width:750px;
	}
dl.privacy dt{
	 border-left: 4px solid #0d5fb1;
	 padding:0 0 0 20px;
	 margin:20px 0 10px 0;
	 font-size:16px;
	 color:#0d5fb1;
	}
dl.privacy dd{
	 padding:0 0 0 20px;
	}
/*topics*/
ul.information{
	margin:0 0 20px 0;
	text-align:right;
}
ul.link{
	margin:0 0 20px 0;
	text-align:right;
}

ul.order{
	overflow:auto;
	text-align:center;
}

ul.order li{
	float:left;
	padding:0 20px 0 0;
}
	.main .right_box ul.subnavi03{
		width:310px;
		list-style-type:none;
		margin:0px 0 0 0;}
	.main .right_box ul.subnavi03 li{
		list-style-type:none;
		margin:0 0 10px 0;
		font-size:0px;}
ul.entry_link{
	width:750px;
	margin:0 0 20px 0;
	vertical-align:central;
}
ul.entry_link li {
	float:left;
}

.front_print {
page-break-before: always;
}