@charset "utf-8";

/* ---------------------------------------------
　layout modules
------------------------------------------------ */

/* base modules
------------------------------------------------ */
.content p,
.content ul,
.content dl,
.content ol,
.content table,
.content blockquote{
	margin: 20px 0 0;
	line-height:1.8em;
}

.content ul p, .content ul dl, .content ul ol, 
.content dl p, .content dl ul, .content dl ol, 
.content ol p, .content ol ul, .content ol dl, 
.content table p, .content table ul, .content table dl, .content table ol{
	margin: 0;
}

.content p img, .content dl img, .content ul img {
	vertical-align: middle;
}

.column-image-left,.column-image-center,.column-image-right { margin-top:20px !important; }

/* common modules
------------------------------------------------ */

sup{ font-size:10px; line-height:100%; vertical-align:top; }

em        { color:#FD6408;  }

.small    { font-size:87%;  }
.x-small  { font-size:78%;  }

.large    { font-size:107%; }
.x-large  { font-size:120%; }
.xx-large { font-size:140%; }

.attention{ color: #FF3366;   }
.attention2{ color: #00a0e9;  }
.attention3{ color: #f90;  }
.attention4{ color: #090;  }
.bold     { font-weight:bold; }
.normal { font-weight:normal !important; }

.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left;    }

.middle{ vertical-align:middle; }

.block{ display:block; }

.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }

.img-l{ float:left;  margin:0 25px 10px 0; }
.img-r{ float:right; margin:0 0 10px 25px; }

.nowrap         { white-space:nowrap; }
.nomargintop    { margin-top: 0 !important; }
.content .nocss { maring:0; padding:0; border:none; background:none; }

.mt05{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt20{ margin-top:20px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }
.mt60{ margin-top:60px !important; }/* PCのみ */
.mt70{ margin-top:70px !important; }/* PCのみ */
.mt80{ margin-top:80px !important; }/* PCのみ */

.mb50{ margin-bottom:50px !important; }

.ml1em{ margin-left:1em !important; }
.ml2em{ margin-left:2em !important; }
.ml3em{ margin-left:3em !important; }
.ml4em{ margin-left:4em !important; }
.ml5em{ margin-left:5em !important; }

.f14{ font-size:14px !important; }

.fmsp{ font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka !important; }

.tategaki{
	writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	-webkit-writing-mode:vertical-rl;
}

a.telephone,
a.telephone:active{
	color:#333;
	text-decoration:none;
	cursor:default;
}

.frame01{
	background:#fff;
	border:1px solid #000;
	padding:5px 10px;
}

.frame02{
	background:#FF3366;
	color:#fff;
	padding:5px 10px;
}

.frame03{
	background:#fff;
	border:1px solid #FF3366;
	padding:4px 10px;
}

.frame04{
	background:#00a0e9;
	color:#fff;
	padding:5px 10px;
}

.spview{ display:none; }


/* --- anchor --- */

.anchor{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.45em;
	padding-left:10px;
}

.anchor-ex{
	background:url(../images/icon_window01.png) no-repeat right top 0.2em;
	padding-right:17px;
}


/* --- btn --- */
a.btn-detail, .btn-detail a{
	background:url(../images/icon_arrow01.png) no-repeat right 20px center #FFF600 !important;
	padding:15px 40px;
	color:#333;
	text-decoration:none;
	text-align:center;
	display:block;
}

a.btn-detail:hover, .btn-detail a:hover, .btn-detail.stay a{ background-color:#F7A800 !important; }

a.btn-detail.gray, .btn-detail.gray a{
	background:url(../images/icon_arrow03.png) no-repeat right 10px center #888 !important;
	padding:15px 20px;
	color:#fff;
}

a.btn-detail.gray:hover, .btn-detail.gray a:hover, .btn-detail.gray.stay a{
	background:url(../images/icon_arrow01.png) no-repeat right 10px center #FFF600 !important;
	padding:15px 20px;
	color:#333;
}
.btn-detail.gray.stay a{ background-color:#F7A800 !important; }

.w300{
	width:300px;
	margin-right:auto !important;
	margin-left:auto !important;
}

.w410{
	width:410px;
	margin-right:auto !important;
	margin-left:auto !important;
}


/* --- ext icon --- */

a[href$='.xls'], a[href$='.xlsx']{
	background: url(../images/fileicon/xls.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='.doc'], a[href$='.docx']{
	background: url(../images/fileicon/doc.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='pdf']{
	background: url(../images/fileicon/pdf.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='ppt']{
	background: url(../images/fileicon/ppt.png) no-repeat 100% 50%;
	padding-right: 25px;
}


/* --- openwin --- */

.openwin{ 
	padding-right: 15px;
}

/* ---　pagetop-in　 --- */

.pagetop-in {
	text-align:right;
}

.pagetop-in a {	
	background:url(../images/icon_arrow_pagetop.png) no-repeat 0 0.4em;
	padding-left: 15px;
	font-size: 92%;
}

/* --- blockquote --- */

blockquote, 
.acms-entry blockquote{
	background:url(../images/bg_blockquote.png) left top no-repeat #f9f9f9;
	color:#666;
	font-size:13px;
	font-style:italic !important;
	line-height:2.3 !important;
	border:0;
	margin:40px 0 0 !important;
	padding:35px 30px 30px 105px;
}

blockquote p, 
.acms-entry blockquote p{
	font-size:13px;
	font-style:italic !important;
	line-height:2.3 !important;
}

blockquote p:first-child, 
.acms-entry blockquote p:first-child{
	margin-top:0;
}


/* --- video --- */

video.video-unit{
	width: 100%;
	height: auto;
	margin: 20px 0 0;
}

/* ------ title -------------------------------- */

.content h2,
.content h3, 
.content .wysiwyg h1,
.content h4, 
.content .wysiwyg h2,
.content h5, 
.content .wysiwyg h3{
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.content h2{
	clear:both;
	margin:50px 0 0;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	background:url(../images/bg_title_h2.png) left bottom no-repeat #000;
	padding:10px 15px;
	position:relative;
}
.content h2:first-child{ margin-top:0; }

.content h2 a:link          { color:#fff; text-decoration:underline; }
.content h2 a:visited       { color:#fff; text-decoration:underline; }
.content h2 a:hover,a:active{ color:#fff; text-decoration:none; }

.content.one-col h2{
	background:url(../images/bg_title_h2_one.png) left bottom no-repeat #000;
}

.content h2 span{
	font-size:14px;
	font-weight:normal;
	margin:0 10px;
}

.content h3, 
.content .wysiwyg h1{
	clear:both;
	margin:40px 0 0;
	color:#333;
	font-size:18px;
	font-weight:bold;
	background:url(../images/bg_title_h3.png) left top no-repeat;
	padding:10px 15px 8px;
	border-bottom:1px solid #ddd;
}
.content h3 span{ font-size:12px; }
.content h3.noborder{
	border-bottom:none;
	padding-bottom:0;
}

.content h3.lineheight span{
	line-height: 1.2em;
	display: block;
}

.content h4{
	clear:both;
	color:#333;
	font-size:18px;
	font-weight:bold;
	margin:40px 0 0;
	background:url(../images/bg_title_h4.png) center right no-repeat;
	border:none;
	padding:0;
}
.content h4 span{
	background:#fff;
	padding-right:15px;
	font-size:18px;
	font-weight:bold;
	margin:0;
}

.content .wysiwyg h2{
	border-bottom:1px solid #ccc;
	padding:10px;
	background:none;
	color:#333;
	font-size:18px;
}


.content h5, 
.content .wysiwyg h3{
	clear:both;
	font-size:18px;
	font-weight:bold;
	margin:40px 0 0;
	padding:0;
	background:none;
	border:none;
}

.content h4 .iso{
	background:#fff;
	border:1px solid #000;
	padding:7px 10px;
	margin-left:10px;
}

h2 .frame-title{
	position:absolute;
	top:7px;
	right:10px;
	background:#fff;
	font-size:18px !important;
	font-weight:bold !important;
	color:#f00;
	border:1px solid #f00;
	padding:2px 10px;
}


/* ------ ul ----------------------------------- */


/* --- normal list --- */

.list li,
.wysiwyg li{
	background:url(../images/icon_list01.png) no-repeat 0 0.6em;
	padding-left:13px;
	margin-bottom:5px;
}

.list li li,
.wysiwyg li li {
	background:url(../images/icon_list02.png) no-repeat 0 0.6em;
}

.wysiwyg li,
.wysiwyg li li{ background-position: 0 0.45em; }

.wysiwyg ol li{
	background:none;
	padding:0;
}


/* --- link list --- */

.link li{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.5em;
	padding-left:13px;
	margin-bottom:5px;
}

.link li li{
	background:url(../images/icon_arrow02.png) no-repeat 0 0.5em;
	padding-left: 10px;
}

/* --- number list --- */

ol li {
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:5px;
}

ol ul li{
	list-style-type:none;
	margin-left:10px;
}

/* --- attention list --- */

.rice li{
	margin:0 0 5px 1em;
	text-indent:-1em;
}

/* --- compact list --- */

.compact li{
	display:inline;
	margin-right:10px;
}

/* --- within compact list --- */

.within {
	padding: 8px;
	border: 1px solid #ddd;
}

.within li{
	background:url(../images/icon_arrow_within.png) no-repeat 0 0.4em;
	padding-left:15px;
}


.content ul ul, .content dl dl, .content ol ol {
	margin-top: 5px;
}

/* ------ dl ----------------------------------- */

/* --- normal list --- */

.list dt{
	background:url(../images/icon_list01.png) no-repeat 0 0.5em;
	padding-left:13px;
	font-weight:bold;
}

.list dd{
	padding-left:13px;
}

/* --- link list --- */

.link dt{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	font-weight:bold;
}

.link dd{
	padding-left:15px;
}

/* --- horizonal --- */

.horizonal dt {
  clear: left;
  float: left;
  width: 10em;
  padding:8px 8px 8px 0;
}

.horizonal dd {
  padding:8px 15px 8px 11em;
  border-bottom:1px solid #ddd;
}



/* ------ layout frame ------------------------- */

.content .layout-frame {
	clear: both;
	margin-left: -20px;
}

.content .layout-3col {
	margin-left: -15px;
}

.content .layout-unit {
	float: left;
	display: inline;
	margin-left: 20px;
}

.content .layout-3col .layout-unit {
	margin-left: 15px;
}

/* 720px */
.grid-1 { width: 60px; }
.grid-2 { width:110px; }
.grid-3 { width:165px; }
.grid-4 { width:230px; }
.grid-5 { width:290px; }
.grid-6 { width:350px; }
.grid-7 { width:410px; }
.grid-8 { width:470px; }
.grid-9 { width:530px; }
.grid-10{ width:590px; }
.grid-11{ width:650px; }

.grid-35 { width:225px; }

.one-col .grid-6 { width:480px; }

.content .layout-unit img{
	max-width:100%;
	height:auto;
}



/* ------ social media ------------------------- */

.social{
	margin-top:20px;
}

.social ul li{
	float:left;
	margin-right:10px;
	vertical-align:top;
	width:80px;
	display:inline-table;
}

.social ul li.twitter, 
.social ul li.google{
	padding-top:5px;
}

.social ul li *{
	margin:0;
	padding:0;
}

.social ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .social ul             { zoom:1; } /* IE6 */
*:first-child+html .social ul { zoom:1; } /* IE7 */



/* ------ table -------------------------------- */

table{
	border-collapse:collapse;
	/*border:1px solid #cecece;*/
	width:100%;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

table th,
table td{
	padding:15px 20px;
	vertical-align:top;
	border:2px solid #fff;
	background:#f9f9f9;
	color:#4e483b;
}

table th{
	background:#f4f4f4;
	font-weight:normal;
}

table thead th,
th.head {
	background:#ececec;
	text-align:center;
}

/* --- spec-table --- */
.spec-table table th,
.spec-table table td{
	padding:8px 20px 7px;
	font-size:13px;
	line-height:1.6;
}


/* --- yeast-table --- */
.spec-table table.yeast-table th,
.spec-table table.yeast-table td{
	padding:15px 20px;
	font-size:100%;
}


/* --- noborder --- */

table.noborder,
table.noborder td,
table.noborder th{
	border:0;
	background: none;
}

/* index
------------------------------------------------ */

.index {
	clear: both;
	margin: 0 0 0 -20px;
}

.index dl {
	position: relative;
	float: left;
	display: inline;
	margin-left: 20px;
	width: 350px;
	background: #eee;
}

.index dt {
	padding: 7px;
	background:#ddd;
}

.index dt a {
	text-decoration:none;
}

.index dd {
	padding: 7px;
}


/* cms
------------------------------------------------ */

.acms-form-group{ margin:0;}

.acms-entry{
	margin:0 0 50px;
}

.acms-entry p{
	margin-left:10px;
	margin-right:10px;
}

/* --- entry-date --- */

.entry-date {
	text-align: right;
	font-size: 87%;
}

/* --- entry-navigation / pager-navigation --- */

.entry-navigation, 
.pager-navigation{
	font-size:87%;
	margin:50px 0 0;
}

.entry-navigation a:link, .entry-navigation a:visited, .entry-navigation a:hover, .entry-navigation a:active, 
.pager-navigation a:link, .pager-navigation a:visited, .pager-navigation a:hover, .pager-navigation a:active{
	text-decoration:none;
}

.entry-navigation ul, 
.pager-navigation ul{
	margin:0;
}

/* entry-navigation */

.entry-navigation{
	background:#eee;
	padding:10px;
}

.entry-navigation li{
	width:300px;
}

.entry-navigation .entry-old{
	float:left;
}

.entry-navigation .entry-new{
	float:right;
	text-align:right;
}

.entry-navigation .home{
	text-align:center;
	margin-top:-20px;
}

.entry-navigation ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .entry-navigation ul             { zoom:1; } /* IE6 */
*:first-child+html .entry-navigation ul { zoom:1; } /* IE7 */

/* pager-navigation */

.pager-navigation ul li{
	float:left;
	text-align:center;
	margin-right:10px;
	line-height:1;
}

.pager-navigation ul li span.cur{
	background:#f6f6f6;
	border:1px solid #CECECE;
	color:#666;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:link, 
.pager-navigation ul li a:visited{
	background:#fff;
	border:1px solid #CECECE;
	color:#666;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:hover, 
.pager-navigation ul li a:active{
	background:#CECECE;
}

/* 続きを読むリンク */
.search.entry p.continue {
	margin: 0;
	padding: 0;
}

.search.entry p.continue a {
	display: block;
	margin: 0;
	padding: 10px 0 10px 40px;
	border-top: 1px solid #E8E8E8;
	background: url(../images/icn_arrow01.png) no-repeat 20px 15px;
}

.search.entry p.continue a:hover {
	background-color: #F0F0F0;
}