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

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family:"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html {
    overflow-y: scroll;
}
body {
	line-height: 1;
	font-size: 14px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
img{ vertical-align:bottom;} 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p{ line-height:1.6;}
/*-----------------------------------------------------------*/
/*汎用*/
.fleft{ float: left;}
.fright{ float:right;}
.akigncenter{ text-align:center;}
.alignrignt{ text-align:right;}
/*-----------------------------------------------------------*/
body{ background:#f7f6f4;}

.container{ width:980px; margin:0 auto;}

header { margin-bottom:15px;}
header .logo{ height:80px; line-height:80px;}
header .logo img{ vertical-align:middle;}
header ul{ background:url(../img/header_bg.gif) center repeat-x; border-radius:4px;box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2); overflow:hidden;}
header ul li{ display:inline-block; float:left;line-height:36px; border-right:1px solid #910228; text-align:center;}
header ul li:last-child{ border:0;}
header ul li a{ color:#fff; text-decoration:none; display:inline-block;}
header ul li:nth-child(1) a{ width:100px;}
header ul li:nth-child(2) a{ width:219px;}
header ul li:nth-child(3) a{ width:219px;}
header ul li:nth-child(4) a{ width:219px;}
header ul li:nth-child(5) a{ width:219px;}
header ul li a:hover{ background:rgba(255,255,255,.15);}

.row{ overflow:hidden;}
.row .column{
  border:1px solid #ddd;
  border-radius: 4px;
  background:url(../img/column_bg.jpg) #fff top repeat-x;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 0 1px rgba(255,255,255,1) inset;
  padding:1px;
  margin-bottom:10px;  }
.row .column1{ max-width:976px; overflow:hidden;}
.row .column3{ display:inline-block; margin-right:10px; width:316px; float:left;}
.row .column3:nth-child(3n){ margin-right:0;}

.row .column2{ display:inline-block; margin-right:10px; width:481px; float:left;}
.row .column2:nth-child(2n){ margin-right:0;}

.row .column1.life_image{ position: relative;}
.row .column1.life_image h2{ position: relative; font-size: 20px; line-height: 22px;}
.row .column1.life_image p{ font-size: 14px; line-height: 22px; letter-spacing: -1px;}
.row .column1.life_image .n1num,
.row .column1.life_image .n2num,
.row .column1.life_image .n3num{ font-size: 20px; line-height: 22px; font-weight: bold;}
.row .column1.life_image .n1num{ position: absolute; top: 290px;left: 52px; }
.row .column1.life_image .n2num{ position: absolute; top: 265px;left: 720px; }
.row .column1.life_image .n3num{ position: absolute; top: 492px;left: 225px; }
.row .column1.life_image h2.n1{ position: absolute; top: 290px; left:87px;}
.row .column1.life_image h2.n2{ position: absolute; top: 265px; left:755px;}
.row .column1.life_image h2.n3{ position: absolute; top: 492px; left:265px;}
.row .column1.life_image p.n1{ position: absolute; top: 105px; left:52px; width: 260px;}
.row .column1.life_image p.n2{ position: absolute; top: 80px; left:695px;width: 240px;}
.row .column1.life_image p.n3{ position: absolute; top: 428px; left:475px;width: 280px;}


.row .column1-text{ padding:60px 40px;}
.row .column1-text .image{}
.row .column1-text .image img{ max-width:400px;}
.row .column1-text .image.fleft{ float:left; margin-right:20px;}
.row .column1-text .image.fright{ float:right; margin-left:20px;}
.row .column1-text .text{}
.row .column1-text .image.fleft+.text{ margin-left:420px;}
.row .column1-text .image.fright+.text{ margin-right:420px;}
.row .column1-text h2{ font-size:26px; margin-bottom:20px; line-height:1.2;}
.row .column1-text p{ font-size:16px;}
.row .column1-text p+h2{ margin-top: 1em;}
.row .column1-text dt{ font-size:16px; font-weight:bold; margin-bottom:10px;}
.row .column1-text dd{ margin-bottom:20px; line-height:1.6;}

.row .column1-text-narrow{ padding:60px 120px;}
.row .column1-text-narrow h1{ text-align:center; margin-bottom:100px; padding-top:50px;}
.row .column1-text-narrow h2{ font-size:22px; margin-bottom: 50px; text-align:center;}
.row .column1-text-narrow p{ font-size:16px; line-height:1.8; margin-bottom:1.5em;}

.row .column1-table{ padding:60px 0;}
.row .column1-table .inner{ border-top: 4px solid #b01444; padding-top:35px; width:780px; margin: 0 auto 60px; overflow:hidden;}
.row .column1-table h2{ width:210px; float:left; font-size:24px;}
.row .column1-table table{ width:570px; float:right;}
.row .column1-table table th{ color:#b01444; font-weight:normal; width:105px;}
.row .column1-table table th,
.row .column1-table table td{ font-size:16px; padding: 5px 0 15px; text-align:left; vertical-align:top; line-height:1.5;/*追加*/ border-bottom:1px solid #eee; padding: 12px 0;}
.row .column1-table table tr:first-child td,
.row .column1-table table tr:first-child th{ padding-top:5px;}
.row .column1-table table td .list{ list-style:outside disc; margin-left:1.5em;}
.row .column1-table table td .list .nomark{list-style:none; margin-left:-1.5em;}

.textbar{ margin:10px 0; background:#fff; border-radius:4px; padding: 10px 15px;}
.textbar h3{ font-size:16px; font-weight: normal;}

.other_content{ clear:both; border-left:1px solid #ddd; margin: 30px 0;}
.other_content td{ border-right:1px solid #ddd; vertical-align:middle;}
.other_content td div a{ width:326px; text-align:center; display:block; color:#333; text-decoration:none;}
.other_content td div a strong{ display:block; font-size:20px; margin-bottom:10px;}

footer{ clear:both; overflow:hidden; font-size:11px; padding: 30px 0; border-top:1px solid #ddd;}
footer ul{ float:left; font-size:12px;}
footer ul li{ display: inline-block; padding-right:10px; margin-right:10px; border-right: 1px solid #ccc;}
footer ul li:last-child{ border:0;}
footer ul li a{ color:#333; text-decoration:none;}
footer span{ display:inline-block; float:right; color:#999;}



.scale_up {
	overflow: hidden;
}
.scale_up img {
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
.scale_up img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}