/*
Theme Name: ZOKEIFILE Theme
Theme URI: http://underscores.me/
Author: y
Author URI: http://y
Description: theme for zokeifle
Version: 1.1
License: GNU General Public License
License URI: license.txt
Text Domain: zokeifle
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.


Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*c3c4bf tp d8d9d4 */



/* =Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
html {font-family: sans-serif;}
body, html {
	line-height:1;
	position: relative;
	text-align: left;
	font-family: 'PT Sans', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	font-style: normal;
	font-weight: 400;
	background-color: #006aa9;
	color: #293136;
	
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	
}

body .ja{
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

.abclist{
	list-style: upper-alpha inside;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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


input, select {
    vertical-align:middle;
}

ol, ul, dl{list-style: none;}


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

.clear:before,
.clear:after {
  content: " ";
  display: table;
}
.clear:after {
  clear: both;
}
.clear {
  *zoom: 1;
}




/* =FONT
-------------------------------------------------------------- */
a{color: #1d1d1d;text-decoration: none;}
a:hover{color: #1d1d1d;text-decoration: underline;}


a.borderlink{
	color: #fff;
	font-weight: 700;
	border-bottom: #fff 1px solid;
	font-size: 12px;
	padding-bottom: 2px;
	letter-spacing: 0.05em;
}
a.borderlink:hover{
	color: #006aa9;
	border-bottom: #006aa9 1px solid;
	padding-bottom: 0;
}


/* =COMMON
-------------------------------------------------------------- */
html.pc .sp{display: none !important;}
html.sp .pc{display: none !important;}


.main{
	width: 100%;
	min-width: 650px;
	overflow: hidden;
}

.width1{
	min-width: 200px;
	width: 25%;
}
.width2{
	min-width: 325px;
	width: 50%;
}
.width3{
	min-width: 600px;
	width: 75%;
}


/* sp */
.sp .leftbox{
	position: relative;
	width: 100%;
	height: auto;
}
.sp .rightbox{
	float: none;
	width: 100%;
	height: auto;
}
.sp .main{
	min-width: inherit;
	width: 100%;
	overflow: hidden;
}
.sp .width1,
.sp .width2,
.sp .width3{
	min-width: inherit;
	width: 100%;
}


/* =Pagenation
-------------------------------------------------------------- */
.pagination .pagination-total{
	color: #006aa9;
	font-size: 16px;
	letter-spacing: 0.05em;
}
.pagination .pagination-nums{
	display: block;
	padding: 5px 0 0 0;
}
.pagination .pagination-nums span{
	color: #006aa9;
	font-weight: 400;
	font-size: 30px;
	padding: 0 10px 0 0;
	line-height: 110%;
}
.pagination .pagination-nums a{
	color: #006aa9;
	font-weight: 700;
	font-size: 30px;
	padding: 0 10px 0 0;
	line-height: 110%;
	text-decoration: underline;
}
.pagination .pagination-nums a:hover{
	color: #575853;
	text-decoration: underline;
}




/* =Layout
-------------------------------------------------------------- */
#contents{
	background-color: #f7fafc;
}






/* =HEADER
-------------------------------------------------------------- */
#header{
	position: fixed;
	left: 0;
	top: 0;
	height: 67px;
	width: 100%;
	
	z-index: 100;
}
#header .header-title{
	height: 60px;
	border-bottom: #fff 1px solid;
	border-bottom: rgba(255, 255, 255, 0.7) 1px solid;
	vertical-align: middle;
	padding: 0 0 0 0;
	overflow: hidden;
	
	transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#header .header-title a{
	display: block;
	padding: 0 0 0 20px;
	overflow: hidden;
	
	transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#header .header-title a:hover{background-color: #006aaa;}
#header .header-title a strong{
	background: url(images/common/h_mauzokeifile.png) left center no-repeat;
	background-size: 202px 22px;
	width: 202px;
	height: 60px;
	display: block;
	text-indent: -3333px;
	overflow: hidden;
	float: left;
	
}
#header .header-title a span{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 60px;
	vertical-align: middle;
	padding: 0 0 0 10px;
	display: block;
	float: left;
	
}


#header .header-menu{
	padding: 0;
}

#header .header-menu .header-menu-nav ul{
	overflow: hidden;
	height: 67px;
	width: 100%;
}
#header .header-menu .header-menu-nav ul li{
	float: left;
	border-bottom: #fff 1px solid;
	border-bottom: rgba(255, 255, 255, 0.7) 1px solid;
	position: relative;
	
	transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#header .header-menu .header-menu-nav ul li a{
	height: 60px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: 0 15px;
	border-left: #fff 1px solid;
	border-left: rgba(255, 255, 255, 0.7) 1px solid;
	
	transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.pc #header .header-menu .header-menu-nav ul li.current a:after{
	content: ' ';
	position: absolute;
	left: 50%;
	bottom: -6px;
	display: block;
	margin: 0 0 0 -6px;
	width: 12px;
	height: 6px;
	background: url(images/common/h_arrow1_x2.png) left top no-repeat;
	background-size: 12px 6px;
}

#header .header-menu .header-menu-nav ul li a:hover{
	background-color: #006aaa;
}

#header .header-menu .header-menu-nav ul li div{
	height: 60px;
	padding: 0 0 0 15px;
	border-left: #fff 1px solid;
	border-left: rgba(255, 255, 255, 0.7) 1px solid;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#header .header-menu .header-menu-nav ul li div:hover{
	background-color: #006aaa;
}
#header .header-menu .header-menu-nav ul li div form{
	display: block;
	overflow: hidden;
	width: 230px;
}
#header .header-menu .header-menu-nav ul li div form #s{
	width: 160px;
	height: 30px;
	display: block;
	float: left;
	margin: 13px 0;
	background: transparent;
	border: transparent 1px solid;
	padding: 0;
	color: #fff;
	font-size: 13px;
	line-height: 30px;
	font-weight: normal;
	text-indent: 0.5em;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#header .header-menu .header-menu-nav ul li div:hover form #s{
	border: rgba(255, 255, 255, 0.2) 1px solid;
}
#header .header-menu .header-menu-nav ul li div form #submit{
	float: right;
	display: block;
	width: 60px;
	height: 60px;
	border: none;
	background: transparent url(images/common/icon_search.png) center center no-repeat;
	text-indent: -3333px;
	cursor: pointer;
	overflow: hidden;
	margin: 0;
	padding: 0;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#header .header-menu .header-menu-nav ul li div form #submit:hover{
	opacity: 0.6;
}

/* scrolled */
#pageheader #header .header-title,
body.scrolled #header .header-title{
	border-bottom: #fff 1px solid;
	border-bottom: rgba(255, 255, 255, 1) 1px solid;
	background-color: #006aaa;
}
#pageheader #header .header-title a:hover,
body.scrolled #header .header-title a:hover{background-color: #00456f;}

#pageheader #header .header-title a strong,
body.scrolled #header .header-title a strong{
	background: url(images/common/h_mauzokeifile.png) left center no-repeat;
	background-size: 202px 22px;
}
#pageheader #header .header-title span,
body.scrolled #header .header-title span{
	color: #fff;
}

#pageheader #header .header-menu .header-menu-nav ul li,
body.scrolled #header .header-menu .header-menu-nav ul li{
	border-bottom: #fff 1px solid;
	background-color: #006aaa;
}
.pc #pageheader #header .header-menu .header-menu-nav ul li.current,
.pc body.scrolled #header .header-menu .header-menu-nav ul li.current{
	border-bottom: none;
}
#pageheader #header .header-menu .header-menu-nav ul li a,
body.scrolled #header .header-menu .header-menu-nav ul li a{
	color: #fff;
	border-left: #fff 1px solid;
	border-left: rgba(255, 255, 255, 0.7) 1px solid;
}
#pageheader #header .header-menu .header-menu-nav ul li.current a:after,
body.scrolled #header .header-menu .header-menu-nav ul li.current a:after{
	background: url(images/common/h_arrow2_x2.png) left top no-repeat;
	background-size: 12px 6px;
}
#pageheader #header .header-menu .header-menu-nav ul li a:hover,
body.scrolled #header .header-menu .header-menu-nav ul li a:hover{color: #fff;}

#pageheader #header .header-menu .header-menu-nav ul li a:hover,
body.scrolled #header .header-menu .header-menu-nav ul li a:hover{
	background-color: #00456f;
}
#pageheader #header .header-menu .header-menu-nav ul li.current a:hover:after,
body.scrolled #header .header-menu .header-menu-nav ul li.current a:hover:after{
	background: url(images/common/h_arrow3_x2.png) left top no-repeat;
	background-size: 12px 6px;
}


#pageheader #header .header-menu .header-menu-nav ul li div,
body.scrolled #header .header-menu .header-menu-nav ul li div{
	border-left: #fff 1px solid;
	border-left: rgba(255, 255, 255, 0.7) 1px solid;
}
#pageheader #header .header-menu .header-menu-nav ul li div:hover,
body.scrolled #header .header-menu .header-menu-nav ul li div:hover{
	background-color: #00456f;
}
#pageheader #header .header-menu .header-menu-nav ul li div form #s,
body.scrolled #header .header-menu .header-menu-nav ul li div form #s{
	color: #fff;
}
#pageheader #header .header-menu .header-menu-nav ul li div:hover form #s,
body.scrolled #header .header-menu .header-menu-nav ul li div:hover form #s{
	color: #fff;
	border: rgba(255, 255, 255, 0.2) 1px solid;
}
#pageheader #header .header-menu .header-menu-nav ul li div form #submit,
body.scrolled #header .header-menu .header-menu-nav ul li div form #submit{
	background: transparent url(images/common/icon_search.png) center center no-repeat;
}
#pageheader #header .header-menu .header-menu-nav ul li div form #submit:hover,
body.scrolled #header .header-menu .header-menu-nav ul li div form #submit:hover{
	opacity: 0.6;
}



/* sp */
html.sp #header header-menu-nav *{transition-property: none !important;}

.header-menu-show{
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border-left: rgba(255, 255, 255, 0.2) 1px solid;
}
.header-menu-show a{
	margin: 5px 5px 5px 5px;
	width: 40px;
	height: 40px;
	display: block;
	background: url(images/sp/h_menu.png) left top no-repeat;
	background-size: 40px 80px;
	text-indent: -3333px;
	overflow: hidden;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.header-menu-show a.close{
	background: url(images/sp/h_menu.png) left -40px no-repeat;
	background-size: 40px 80px;
}


.sp #header {
	height: 50px;
}
.sp #header .header-title{
	float: none;
	width: 100% !important;
	background-color: #006aaa;
}
.sp #header .header-title a span{display: none;}
.sp #header .header-title,
.sp #header .header-title a,
.sp #header .header-title a strong{
	height: 50px;
}
.sp #header .header-title a:hover{background-color: transparent;}
.sp #header .header-title.bg{background-color: #006aaa;}

.sp #header .header-title a strong,
.sp #pageheader #header .header-title a strong,
.sp body.scrolled #header .header-title a strong{
	background: url(images/common/h_mauzokeifile_x2.png) left center no-repeat;
	background-size: 202px 22px;
}

.sp #header .header-menu{
	float: none;
}
.sp #header .header-menu .header-menu-nav{
	background-color: #006aaa;/*#006aaa;*/
}
.sp #header .header-menu .header-menu-nav ul{
	height: auto;
}
.sp #header .header-menu .header-menu-nav ul li {
	float: left;
	position: relative;
	width: 50%;
}
.sp #header .header-menu .header-menu-nav ul li.i5{
	clear: both;
	float: none;
	width: 100%;
}
.sp #header .header-menu .header-menu-nav ul li a {
	height: 50px;
	line-height: 50px;
	text-align: left;
	padding: 0 15px;
}
.sp #header .header-menu .header-menu-nav ul li div{
	height: 50px;
	padding: 0 0 0 15px;
}
.sp #header .header-menu .header-menu-nav ul li div form{
	width: 100%;
}

.sp #header .header-menu .header-menu-nav ul li div form{
	width: 100%;
}

.sp #header .header-menu .header-menu-nav ul li div form #s{
	width: 80%;
	height: 38px;
	line-height: 38px;
	margin: 5px 0;
	border: rgba(255, 255, 255, 0.2) 1px solid;
	
	transition-property: none;
	font-size: 16px;
}
.sp #header .header-menu .header-menu-nav ul li div form #submit{
	width: 50px;
	height: 50px;
	background: transparent url(images/common/icon_search_x2.png) center center no-repeat;
	background-size: 21px 21px;
	
	text-indent: -3333px;
	cursor: pointer;
	overflow: hidden;
	margin: 0;
	padding: 0;
	
	transition-property: none;
}
.sp #header .header-menu .header-menu-nav ul li div form #submit:hover{
	opacity: 1;
}


/* menu cancel */
#spcover{
	display: none;
	position: absolute;
	z-index: 90;
	background-color: rgba(0,39,63,0.8);
	width: 100%;
	height: 100%;
}
#spcover.show{display: block;}










/* =FOOTER
-------------------------------------------------------------- */
.pagetop{
	padding: 0 20px 0 0;
	height: 50px;
	overflow: hidden;
	position: relative;
	z-index: 10;
	margin: -50px 0 0 0;
}
.pagetop a{
	float: right;
	display: block;
	width: 33px;
	height: 19px;
	background: url(images/common/fotter_pagetop_x2.png) center center no-repeat;
	background-size: 33px 19px;
	text-indent: -3333px;
	overflow: hidden;
}



.footer{
	background-color: #006aaa;
}
.footer .in .wrapper{
	padding: 40px 30px 40px 30px;
}
.footer .in .wrapper .footer-nav{
	overflow: hidden;
}
.footer .in .wrapper .footer-nav .footer-nav-box{
	float: left;
	border-left: #00456f 1px solid;
	padding: 0 20px 0 0;
}
.footer .in .wrapper .footer-nav .footer-nav-box h1{
	color: #8bbfe2;
	font-size: 13px;
	line-height: 110%;
	font-weight: bold;
	padding: 0 0 10px 15px;
}
.footer .in .wrapper .footer-nav .footer-nav-box ul li a:before{
	content: ' ';
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #8bbfe2;
	vertical-align: middle;
	margin: 0 7px 0 0;
}
.footer .in .wrapper .footer-nav .footer-nav-box ul li a{
	display: block;
	padding: 10px 0 8px 15px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 110%;
	text-decoration: none;
}
.footer .in .wrapper .footer-nav .footer-nav-box ul li a:hover{
	color: #8bbfe2;
}
.footer .in .wrapper .footer-nav .i1 ul{
	overflow: hidden;
}
.footer .in .wrapper .footer-nav .i1 ul li{
	width: 50%;
	float: left;
}
.footer .in .wrapper .footer-nav .i1 ul.u1{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: #00456f 1px solid;
}

.footer .in .wrapper .footer-links{
	width: 215px;
}
.footer .in .wrapper .footer-links ul li{
	margin: 0 0 8px 0;
}
.footer .in .wrapper .footer-links ul li a{
	display: block;
	border: #fff 1px solid;
	height: 43px;
	text-align: center;
	line-height: 43px;
}
.footer .in .wrapper .footer-links ul li a:hover{
	opacity: 0.5;
}
.footer .in .wrapper .footer-links ul li a img{
	vertical-align: middle;
}


.footer .bottom{
	background-color: #00456f;
	text-align: center;
	padding: 30px 0 30px 0;
}

.footer .bottom .copyright{
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	line-height: 110%;
}
.footer .bottom .maulink{
	display: block;
	width: 88px;
	height: 26px;
	background: url(images/common/footer_mau_x2.png) left top no-repeat;
	background-size: 88px 26px;
	text-indent: -3333px;
	overflow: hidden;
	margin: 15px auto 0 auto;
}



/* 詳細ページは右寄せ - スマホビュー揃え */
.single .pagetop{
	padding: 20px 20px 0 0;
	height: 50px;
	overflow: hidden;
	position: relative;
	z-index: 10;
	margin: 0 0 0 0;
}
.detail-footer .in .wrapper{
	padding: 30px 30px 20px 30px;
}

/* sp */
.sp .footer .in .wrapper{
	padding: 10px 15px 20px 15px;
}
.detail-footer .in .wrapper .footer-nav,
.sp .footer .in .wrapper .footer-nav{float: none;}

.detail-footer .in .wrapper .footer-nav .footer-nav-box,
.sp .footer .in .wrapper .footer-nav .footer-nav-box{
	float: none;
	border-left: none;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}
.detail-footer .in .wrapper .footer-nav .footer-nav-box h1,
.sp .footer .in .wrapper .footer-nav .footer-nav-box h1{
	padding: 0 0 10px 0;
}
.detail-footer .in .wrapper .footer-nav .i1 ul.u1,
.sp .footer .in .wrapper .footer-nav .i1 ul.u1{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-bottom: none;
}
.detail-footer .in .wrapper .footer-nav .footer-nav-box ul li a,
.sp .footer .in .wrapper .footer-nav .footer-nav-box ul li a{padding: 10px 0 8px 5px;}

.detail-footer .in .wrapper .footer-links,
.sp .footer .in .wrapper .footer-links{
	width: auto;
	float: none;
	margin: 10px 0 0 0;
}
.detail-footer .in .wrapper .footer-nav .i2 ul,
.sp .footer .in .wrapper .footer-nav .i2 ul{
	overflow: hidden;
}
.detail-footer .in .wrapper .footer-nav .i2 ul li,
.sp .footer .in .wrapper .footer-nav .i2 ul li{
	width: 50%;
	float: left;
}






/* =文字サイズを拡大・縮小
-------------------------------------------------------------- */
.fontsizer{
	padding: 0 30px 0 0;
	overflow: hidden;
}
.fontsizer a{
	display: block;
	float: right;
	font-size: 15px;
	line-height: 110%;
	color: #fff;
	background: #00456f url(images/common/icon_fontsize_x2.png) 13px center no-repeat;
	background-size: 23px 14px;
	padding: 15px 15px 12px 45px;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.fontsizer a:hover{
	background-color: #191919;
	text-decoration: none;
}


/* sp */
.sp .fontsizer{display: none;}
.sp .footer-fontsize .fontsizer{display: block;padding: 0 0 0 0;}
.sp .fontsizer a{padding: 12px 15px 11px 45px;}
.sp .fontsizer a:hover{background-color: #00456f;}








/* =404
-------------------------------------------------------------- */
.notfoundpage .notfoundpage-contents{
	padding: 180px 30px;
}
.notfoundpage .notfoundpage-contents .t30{
	margin: 0 0 20px 0;
	color: #838383;
}
.notfoundpage .notfoundpage-contents .notfoundnote{
	line-height: 180%;
	font-size: 14px;
}
.sp .notfoundpage .notfoundpage-contents{
	padding: 120px 30px;
}



/* 検索ワードあり */
.notfoundpage-keywords{
	margin: 0 0 50px 0;
	border-top: #deebf4 3px solid;
	padding: 30px 0 30px 0;
	border-bottom: #deebf4 3px solid;
}

.notfoundpage-keywords .t14{
	color: #8bbfe2;
	margin: 0 0 15px 0;
}
.notfoundpage-keywords .notfoundpage-keywords-word a{
	display: inline-block;
	
	padding: 10px 12px 8px 12px;
	background-color: #fff;
	border-radius: 3px;
	line-height: 110%;
	font-size: 16px;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-align: center;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	text-decoration: none;
}


.notfoundpage-keywords .notfoundpage-keywords-word a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #00456f;
}




/* =Index
-------------------------------------------------------------- */
.indexpage-photo{
	width: 100%;
	height: 450px;
	overflow: hidden;
	background-color: #001f32;
}
.indexpage-photo .indexpage-photo-in{
	width: 1590px;
	height: 450px;
	overflow: hidden;
	background-color: #001f32;
}
.indexpage-photo .indexpage-photo-in img{
	opacity: 0.85;
}

.indexpage-banners{
	background: #006aaa;
	padding: 30px 30px 30px 30px;
}
.indexpage-banners .left ul{overflow: hidden;}
.indexpage-banners .left ul li{
	float: left;
	width: 257px;
}
.indexpage-banners .left ul li a{
	display: block;
	width: 242px;
	position: relative;
	height: 120px;
}
.indexpage-banners .left ul li a:hover{
	opacity: 0.5;
}
.indexpage-banners .left ul li a img{display: block;}
.indexpage-banners .left ul li a span{
	display: inline-block;
	background: rgba(0, 106, 170, 0.9);
	padding: 10px 10px 8px 10px;
	line-height: 110%;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.indexpage-banners .right p{
	border-left: #adcfe4 1px solid;
	padding: 0 0 0 24px;
}
.indexpage-banners .right p a{
	display: block;
	width: 242px;
	height: 120px;
}
.indexpage-banners .right p a:hover{
	opacity: 0.5;
}


/* list */
#indexpage .items-container{
	height: 1144px;
	overflow: hidden;
}
#indexpage .showall .items-container{
	height: auto;
	overflow: hidden;
}
#indexpage .showall .items-showmore{display: none;}



/* sp */
.sp .indexpage-photo{
	width: 100%;
	height: 225px;
	overflow: hidden;
	margin: 50px 0 0 0;
}
.sp .indexpage-photo .indexpage-photo-in{
	width: 793px;
	height: 225px;
	overflow: hidden;
	background-color: #2a333b;
}
.sp .indexpage-photo .indexpage-photo-in img{
	opacity: 0.85;
	height: 225px;
	width: 397px;
}

.sp .indexpage-banners {padding: 20px 15px 20px 15px;}
.sp .indexpage-banners .left{float: none;}
.sp .indexpage-banners .left ul li{
	float: none;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
.sp .indexpage-banners .left ul li a{
	width: 100%;
	height: auto;
}
.sp .indexpage-banners .left ul li img{
	display: block;
	width: 100%;
	height: auto;
}

.sp .indexpage-banners .right{float: none;}
.sp .indexpage-banners .right p{
	border-left: none;
	border-top: #adcfe4 1px solid;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
}
.sp .indexpage-banners .right p a{
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.sp .indexpage-banners .right p a img{
	display: block;
	width: 100%;
	height: auto;
}

.sp .indexpage-banners .right p a:hover{opacity: 1;}

.sp .indexpage-items{padding: 20px 0 0 0;}






/* =Item List
-------------------------------------------------------------- */
.items-total{
	font-weight: normal;
	font-size: 16px;
	line-height: 110%;
	color: #006aaa;
	
	padding: 0 0 30px 30px;
}
.items-total strong{
	font-size: 20px;
	font-weight: 700;
	line-height: 110%;
	color: #006aaa;
	letter-spacing: 0.05em;
}

.items-container{margin: 0 auto;}
.item{
	float: left;
	/*width height fixed in JS*/
}
.item a{
	display: block;
	margin: 0 auto 30px auto;
	padding: 0 0 0 0;
	border-bottom: 2px #fff solid;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.item a span.img{
	display: block;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.item a span.name{
	display: block;
	line-height: 160%;
	color: #787878;
	font-size: 13px;
	font-weight: bold;
	padding: 13px 0 10px 0;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.item a:hover{
	border-bottom: 2px #006aaa solid;
	text-decoration: none;
}
.item a:hover span.img{
	background-color: #006aaa;
}
.item a:hover span.name{
	color: #006aaa;
}

.items-showmore{padding: 50px 0;}
.items-showmore a{
	margin: 0 auto;
	display: block;
	border: #006aaa 3px solid;
	background-color: #fff;
	padding: 20px 0 18px 0;
	width: 50%;
	text-align: center;
	line-height: 110%;
	color: #006aaa;
	font-weight: bold;
	font-size: 16px;
}
.items-showmore a:hover{
	background-color: #006aaa;
	color: #fff;
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}


/* size */
.items188 li a{width: 188px;}

.items154 li a{width: 154px;min-height: 235px;}



/* sp */
.sp .items-total{padding: 0 0 20px 20px;}

.sp .items188 li a,
.sp .items154 li a{width: 130px;}
.sp .items154 li a{min-height: 200px;}
.sp .items188 li a img,
.sp .items154 li a img{width: 110px;height: 110px;}

.sp .items-showmore{padding: 20px 20px;margin: 0 0 100px 0;}
.sp .items-showmore a{
	width: auto;
}
.sp .items-showmore a:hover{
	border: #006aaa 3px solid;
	background-color: #fff;
	color: #006aaa;
}





/* =Detail
-------------------------------------------------------------- */



#detailpage{
	background-color: #fff;
}

#detailpage .leftbox{
	background-color: #f7fafc;
	float: left;
	position: fixed;
	left: 0;
	top: 0;
}
#detailpage .leftbox,
#detailpage .leftbox .detailpage-text{
	height: 100%;
}

#detailpage .leftbox .detailpage-header{
	background-color: #006aaa;
	padding: 100px 30px 0 30px;
}
#detailpage .leftbox .detailpage-header .ja{
	vertical-align: top;
	font-size: 30px;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: normal;
	color: #fff;
	letter-spacing: 0.02em;
	line-height: 120%;
	margin: 0 0 10px 0;
}
#detailpage .leftbox .detailpage-header .ja .ja-hiragana{
	vertical-align: top;
	font-size: 70%;
	padding: 0 0 0 0;
	display: block;
}


#detailpage .leftbox .detailpage-header .en{
	font-family: 'PT Sans';
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 0.05em;
	color: #fff;
	line-height: 105%;
}

#detailpage .leftbox .detailpage-categories{
	background-color: #006aaa;
	padding: 18px 30px 30px 30px;
}
#detailpage .leftbox .detailpage-categories .detailpage-category{
	overflow: hidden;
}

#detailpage .leftbox .detailpage-categories .detailpage-category h2{
	color: #8bbfe2;
	font-size: 14px;
	line-height: 140%;
	height: 18px;
	font-weight: 700;
	padding: 0;
	margin: 0;
	display: inline-block;
	letter-spacing: 0.02em;
	vertical-align: top;
}
#detailpage .leftbox .detailpage-categories .detailpage-category ul{margin: 0;overflow: hidden;display: inline-block;}
#detailpage .leftbox .detailpage-categories .detailpage-category ul li{
	float: left;
	line-height: 0;
	border-left: #00456f 1px solid;
	padding: 0 0 0 8px;
	margin: 0 0 5px 8px;
	line-height: 110%;
}
#detailpage .leftbox .detailpage-categories .detailpage-category ul li a{
	color: #fff;
	font-size: 13px;
	line-height: 110%;
	font-weight: bold;
	letter-spacing: 0.02em;
	vertical-align: middle;
}
#detailpage .leftbox .detailpage-categories .detailpage-category ul li a:hover{
	color: #8bbfe2;
}

#detailpage .leftbox .detailpage-texts{
	background-color: #f7fafc;
	padding: 0 0 50px 0;
	overflow: auto;
	
	/* IE */
	scrollbar-base-color: #f7fafc;
	scrollbar-track-color: #f7fafc;
}

#detailpage .leftbox .detailpage-texts .detailpage-texts-in{
	margin: 0;
	padding: 35px 30px 0 30px;
	font-size: 14px;
	line-height: 180%;
	letter-spacing: 0.02em;
	color: #293136;
	text-align: left;
}

#detailpage .leftbox .detailpage-texts .detailpage-texts-in p{
	margin: 0 0 23px 0;
}


/* for sp */

#detailpage .leftbox .detailpage-texts .detailpage-texts-in p.moreread{
	display: none;
}

#detailpage .leftbox .detailpage-memo-subjectgroup,
#detailpage .leftbox .detailpage-texts .detailpage-texts-in .detailpage-kanren{
	border-top: #deebf4 3px solid;
	padding: 25px 0 20px 0;
}
#detailpage .leftbox .detailpage-memo-subjectgroup h2,
#detailpage .leftbox .detailpage-texts .detailpage-texts-in .detailpage-kanren h2{
	font-size: 13px;
	line-height: 16px;
	font-weight: 700;
	padding: 0 0 10px 0;
	margin: 0;
	letter-spacing: 0.02em;
	vertical-align: top;
}
#detailpage .leftbox .detailpage-memo-subjectgroup ul,
#detailpage .leftbox .detailpage-texts .detailpage-texts-in .detailpage-kanren ul{margin: 0;overflow: hidden;}
#detailpage .leftbox .detailpage-memo-subjectgroup ul li,
#detailpage .leftbox .detailpage-texts .detailpage-texts-in .detailpage-kanren ul li{
	float: left;
	line-height: 0;
	border-left: #e5e5e2 1px solid;
	padding: 0 0 0 8px;
	margin: 0 8px 10px 0;
}
#detailpage .leftbox .detailpage-memo-subjectgroup ul li:first-child,
#detailpage .leftbox .detailpage-texts .detailpage-texts-in .detailpage-kanren ul li:first-child{border-left:none;: 0;}

#detailpage .leftbox .detailpage-memo-subjectgroup ul li a,
#detailpage .leftbox .detailpage-texts .detailpage-texts-in .detailpage-kanren ul li a{
	color: #006aaa;
	font-size: 14px;
	line-height: 100%;
	font-weight: bold;
	letter-spacing: 0.02em;
}
#detailpage .leftbox .detailpage-memo-subjectgroup ul li a:hover,
#detailpage .leftbox .detailpage-texts .detailpage-texts-in .detailpage-kanren ul li a:hover{
	color: #8bbfe2;
}



#detailpage .leftbox .detailpage-memo-others p{
	font-size: 13px;
	line-height: 160%;
}
#detailpage .leftbox .detailpage-memo-others p strong{
	line-height: 180%;
	
}




/* right photo */
#detailpage .rightbox{
	background-color: #fff;
	float: right;
}
#detailpage .rightbox .rightbox-in{
	padding: 60px 0 00px 0;
}

#detailpage .rightbox .rightbox-in .fontsizer{margin: 0 0 30px 0;}

#detailpage .rightbox .detailpage-links{
	padding: 0 30px;
	text-align: right;
	margin: 0 0 20px 0;
}
#detailpage .rightbox .detailpage-links .outerlink{
	background: url(images/detail/icon_link.png) right center no-repeat;
	background-size: 12px 9px;
	padding: 2px 20px 1px 0;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.05em;
	color: #006aa9;
	line-height: 100%;
	text-decoration: underline;
	
	transition-property: opacity;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  transition-delay: 0;
}
#detailpage .rightbox .detailpage-links .pdflink{
	background: url(images/detail/icon_pdf.png) right center no-repeat;
	background-size: 9px 12px;
	padding: 2px 20px 1px 0;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.05em;
	color: #006aa9;
	line-height: 100%;
	text-decoration: underline;
	
	transition-property: opacity;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  transition-delay: 0;
}
#detailpage .rightbox .detailpage-links .pdflink:hover,
#detailpage .rightbox .detailpage-links .outerlink:hover{opacity: 0.6;}


#detailpage .rightbox .detailpage-photos{
	margin: 30px 0 0 0;
	padding: 0 30px;
	text-align: center;
}
#detailpage .rightbox .detailpage-photos li{
	margin: 0 auto;
	padding: 0 0 40px 0;
}
#detailpage .rightbox .detailpage-photos li img{
	border: #f1f0f6 1px solid;
	line-height: 100%;
	width: 100%;
	max-width: 498px;
	height: auto;
}

#detailpage .rightbox .detailpage-photos li .imgcap{
	display: block;
	max-width: 498px;
	font-size: 13px;
	line-height: 140%;
	padding: 5px 0 0 0;
	text-align: left;
	margin: 0 auto;
}


#detailpage .rightbox .imgread{
	display: block;
	max-width: 498px;
	font-size: 15px;
	font-weight: bold;
	line-height: 140%;
	padding: 0 0 7px 0;
	text-align: left;
	margin: 0 auto;
}


#detailpage .rightbox .detailpage-videos{
	padding: 0 30px;
	text-align: center;
}
#detailpage .rightbox .detailpage-videos li{
	margin: 0 auto;
	padding: 0 0 30px 0;
}
#detailpage .rightbox .detailpage-videos li iframe{
	width: 100%;
	max-width: 498px;
	margin: 0 auto;
}


/* pc */
.pc #detailpage .moreread{
	display: none;
}


/* sp */
.sp #detailpage .leftbox{
	position: relative !important;
	height: auto !important;
	float: none;
	background-color: #006aaa;
	padding: 60px 0 0 0;
}

/* JS SCROLL */
.sp #detailpage .leftbox .jspScrollable,
.sp #detailpage .leftbox .jspContainer,
.sp #detailpage .leftbox .jspPane{
	width: auto !important;
	height: auto !important;
	overflow: auto !important;
	position: static !important;
}
.sp #detailpage .leftbox .jspVerticalBar{
	display: none;
}


.sp #detailpage .leftbox .detailpage-text{
	height: auto;
}
.sp #detailpage .leftbox .detailpage-header{
	margin: 15px 0 0 0;
	padding: 0 15px;
}
.sp #detailpage .leftbox .detailpage-categories{
	padding: 15px 15px 15px 15px;
}
.sp #detailpage .leftbox .detailpage-categories .detailpage-category{
	overflow: hidden;
	margin: 0 30px 0 0;
}


.sp #detailpage .leftbox .detailpage-texts{padding: 0 0 0 0;}
.sp #detailpage .leftbox .detailpage-texts .detailpage-texts-in{
	margin: 0;
	padding: 30px 15px 5px 15px;
}

.sp #detailpage .leftbox .detailpage-texts .detailpage-texts-in .hidetext{
	height: 150px;
	overflow: hidden;
}

.sp #detailpage .leftbox .detailpage-texts .detailpage-texts-in .moreread{
	display: block;
	text-indent: 0;
	margin: 0;
	padding: 15px 0 13px 0;
}
.sp #detailpage .leftbox .detailpage-texts .detailpage-texts-in .moreread a{
	display: block;
	border: #006aaa 3px solid;
	background-color: #fff;
	padding: 10px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	color: #1d1d1d;
}


.sp #detailpage .leftbox .detailpage-texts .detailpage-texts-in .detailpage-kanren{
	padding: 25px 0 20px 0;
}
.sp #detailpage .leftbox .detailpage-texts .detailpage-texts-in .detailpage-kanren ul li a{
	font-size: 15px;
	display: block;
}


.sp #detailpage .rightbox{
	padding: 15px 0 0 0;
	float: none;
}
.sp #detailpage .rightbox .rightbox-in{
	padding: 10px 0 0 0;
}

.sp #detailpage .rightbox .detailpage-jalink{
	padding: 0 15px;
	margin-bottom: 18px;
}









/* =頭文字から
-------------------------------------------------------------- */

#aiueopage .leftbox{
	height: 100%;
	float: left;
	position: relative;
	background-color: #006aa9;
	z-index: 20;
}
#aiueopage .leftbox .aiueopage-menu{
	margin: 150px 0 0 0;
	padding: 50px 30px 100px 30px;
	background: url(images/common/point01.png) center top no-repeat;
	background-size: 20px 20px;
}

#aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in{
	background: url(images/common/point01.png) center bottom no-repeat;
	background-size: 20px 20px;
	padding: 0 0 20px 0;
}

#aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in .aiueopage-menu-nav{
	overflow: hidden;
}
#aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in .aiueopage-menu-nav ul{
	float: right;
	width: 40px;
	padding: 0 0 20px 0;
}
#aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in .aiueopage-menu-nav ul li{
}
#aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in .aiueopage-menu-nav ul li span{
	height: 25px;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #8bbfe2;
}
#aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in .aiueopage-menu-nav ul li a{
	height: 25px;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

#aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in .aiueopage-menu-nav ul li.current a{color: #191919;pointer-events: none;}
#aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in .aiueopage-menu-nav ul li a:hover{color: #90908c;}
#aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in .aiueopage-menu-nav ul li.current a:hover{color: #191919;}



#aiueopage .rightbox{
	float: right;
	padding: 60px 0 100px 0;
}

#aiueopage .rightbox .aiueopage-results .aiueopage-result{
	display: none;
}
#aiueopage .rightbox .aiueopage-results .aiueopage-result h1{
	font-size: 60px;
	text-align: center;
	line-height: 154px;
}
#aiueopage .rightbox .aiueopage-results .aiueopage-result h1 span{
	font-size: 40px;
	font-weight: normal;
	font-style: italic;
}



/* sp */
.sp #aiueopage .leftbox{
	height: auto;
	min-height: 0 !important;
	float: none;
	position: relative;
	background-color: #006aa9;
	padding: 50px 0 0 0;
}
.sp #aiueopage .leftbox .aiueopage-menu{
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
	background: none;
}
.sp #aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in{
	background: none;
	padding: 0 0 0 0;
}
.sp #aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in .aiueopage-menu-nav{margin: 0 auto;}

.sp #aiueopage .rightbox{
	float: none;
	padding: 30px 0 100px 0;
}






/* =科目から
-------------------------------------------------------------- */

#subjectpage .leftbox{
	height: 100%;
	float: left;
	position: relative;
	background-color: #006aa9;
	z-index: 20;
}

#subjectpage .leftbox .subjectpage-menu{
	padding: 150px 30px;
}
#subjectpage .leftbox .subjectpage-menu .input-rapper{
	padding: 0 0 30px 0;
	border-bottom: #fff 1px dotted;
	margin: 0 0 30px 0;
}
#subjectpage .leftbox .subjectpage-menu h1{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 110%;
	margin: 0 0 23px 0;
}

#subjectpage .leftbox .subjectpage-menu .subjectpage-menu-subjects li{
	position: relative;
	width: 100%;
}
#subjectpage .leftbox .subjectpage-menu .subjectpage-menu-subjects-select-text{
	display: block;
	padding: 0 0 0 30px;
	height: 38px;
	color: #fff;
	border: #00416a 1px solid;
	font-size: 13px;
	line-height: 40px;
	font-weight: bold;
	font-style: italic;
	background: #00456f url(images/common/arrow_pulldown.png) 10px center no-repeat;
	background-size: 15px 15px;
	cursor: pointer;
}
#subjectpage .leftbox .subjectpage-menu .subjectpage-menu-subjects-select{
	display: block;
	width: 100%;
	height: 40px;
	-webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius:0;
  
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
#subjectpage .leftbox .subjectpage-menu .disable{
	color: #ccc;
	pointer-events: none;
	cursor: default;
}


#subjectpage .leftbox .subjectpage-menu .subjectpage-menu-subjects-select option{
	display: block;
	height: 40px;
	border: none;
	font-size: 13px;
}

#subjectpage .leftbox .subjectpage-menu input#submit{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 34px;
	border: #fff 1px solid;
	background: none;
	color: #fff;
	padding: 0 8px;
	margin: 15px 0 0 0;
	font-size: 17px;
	letter-spacing: 0.05em;
	font-weight: normal;
	cursor: pointer;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
	
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#subjectpage .leftbox .subjectpage-menu input#submit:hover{
	border: #00456f 1px solid;
	color: #fff;
	background-color: #00456f;
}





#subjectpage .rightbox{
	float: right;
	padding: 60px 0 100px 0;
}


/* no result */
#subjectpage .rightbox .noresult{
	padding: 0 30px;
}
#subjectpage .rightbox .noresult h1{
	color: #8bbfe2;
	font-size: 20px;
	line-height: 110%;
	margin: 50px 0 15px 0;
}
#subjectpage .rightbox .noresult ul{overflow: hidden;}
#subjectpage .rightbox .noresult ul li{
	float: left;
	display: inline-block;
	margin: 0 15px 15px 0;
}
#subjectpage .rightbox .noresult ul li a{
	display: block;
	padding: 10px 12px 8px 12px;
	background-color: #fff;
	border-radius: 3px;
	line-height: 110%;
	font-size: 13px;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-align: center;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#subjectpage .rightbox .noresult ul li a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #00456f;
}



/* sp */
.sp #subjectpage .leftbox{
	height: auto;
	float: none;
	min-height: 0 !important;
}

.sp #subjectpage .leftbox .subjectpage-menu{
	padding: 80px 20px 30px 20px;
}

.sp #subjectpage .leftbox .subjectpage-menu h1{margin: 0 0 10px 0;}
.sp #subjectpage .leftbox .subjectpage-menu .input-rapper{
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

.sp #subjectpage .rightbox{
	float: none;
	padding: 40px 0 100px 0;
}
.sp #subjectpage .rightbox .noresult{padding: 0 20px;}
.sp #subjectpage .rightbox .noresult h1{margin: 0 0 15px 0;}



/* =分類から
-------------------------------------------------------------- */

#catpage .leftbox{
	height: 100%;
	float: left;
	position: relative;
	background-color: #006aa9;
	z-index: 20;
}

#catpage .leftbox .catpage-menu{
	padding: 150px 30px;
}
#catpage .leftbox .catpage-menu .input-rapper{
	padding: 0 0 15px 0;
	border-bottom: #fff 1px dotted;
	margin: 0 0 30px 0;
}
#catpage .leftbox .catpage-menu h1{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 110%;
	margin: 0 0 23px 0;
}

#catpage .leftbox .catpage-menu .catpage-menu-categories li{
	position: relative;
	width: 100%;
}
#catpage .leftbox .catpage-menu .catpage-menu-categories-select-text{
	display: block;
	padding: 0 0 0 30px;
	margin: 0 0 15px 0;
	height: 38px;
	color: #fff;
	border: #00416a 1px solid;
	font-size: 13px;
	line-height: 40px;
	font-weight: bold;
	font-style: italic;
	background: #00456f url(images/common/arrow_pulldown.png) 10px center no-repeat;
	background-size: 15px 15px;
	cursor: pointer;
}
#catpage .leftbox .catpage-menu .catpage-menu-categories-select{
	display: block;
	width: 100%;
	height: 40px;
	-webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius:0;
  
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
#catpage .leftbox .catpage-menu .disable{
	color: #ccc;
	pointer-events: none;
	cursor: default;
}


#catpage .leftbox .catpage-menu .catpage-menu-categories-select option{
	display: block;
	height: 40px;
	border: none;
	font-size: 13px;
}

#catpage .leftbox .catpage-menu input#submit{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 34px;
	border: #fff 1px solid;
	background: none;
	color: #fff;
	padding: 0 8px;
	margin: 0 0 0 0;
	font-size: 17px;
	letter-spacing: 0.05em;
	font-weight: normal;
	cursor: pointer;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
	
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#catpage .leftbox .catpage-menu input#submit:hover{
	border: #00456f 1px solid;
	color: #fff;
	background-color: #00456f;
}



#catpage .rightbox{
	float: right;
	padding: 60px 0 80px 0;
}

#catpage .rightbox .noresult{
	padding: 0 30px;
}
#catpage .rightbox .noresult h1{
	color: #8bbfe2;
	font-size: 20px;
	line-height: 110%;
	margin: 50px 0 15px 0;
}

#catpage .rightbox .noresult .catpage-results-categoriesname{
	margin: 0 0 50px 0;
}
#catpage .rightbox .noresult .catpage-results-categoriesname .catpage-results-categoriesname-parent{
	border-top: #00456f 1px solid;
	padding: 15px 0 15px 0;
}
#catpage .rightbox .noresult .catpage-results-categoriesname .catpage-results-categoriesname-parent a{
	font-size: 16px;
	line-height: 110%;
	text-decoration: none;
	color: #00456f;
}

#catpage .rightbox .noresult ul{overflow: hidden;}
#catpage .rightbox .noresult ul li{
	float: left;
	display: inline-block;
	margin: 0 15px 15px 0;
}
#catpage .rightbox .noresult ul li a{
	display: block;
	padding: 10px 12px 8px 12px;
	background-color: #fff;
	border-radius: 3px;
	line-height: 110%;
	font-size: 13px;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-align: center;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#catpage .rightbox .noresult ul li a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #00456f;
}




/* sp */
.sp #catpage .leftbox{
	height: auto;
	float: none;
	min-height: 0 !important;
}
.sp #catpage .leftbox .catpage-menu{
	padding: 80px 20px 30px 20px;
}
.sp #catpage .leftbox .catpage-menu .input-rapper{
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
}
.sp #catpage .leftbox .catpage-menu h1{margin: 0 0 10px 0;}
.sp #catpage .rightbox{
	float: none;
	padding: 40px 0 50px 0;
}
.sp #catpage .rightbox .noresult{padding: 0 20px;}
.sp #catpage .rightbox .noresult h1{
	margin: 0 0 15px 0;
}


/* =検索
-------------------------------------------------------------- */

#searchpage .leftbox{
	height: 100%;
	float: left;
	position: relative;
	background-color: #006aa9;
	z-index: 20;
}
#searchpage .leftbox .searchpage-menu{
	padding: 150px 30px;
}
#searchpage .leftbox h1{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 110%;
	margin: 0 0 23px 0;
}
#searchpage .leftbox .searchpage-menu .input-rapper{
	border-bottom: #fff 1px dotted;
	margin: 0 0 30px 0;
}
#searchpage .leftbox .searchpage-menu input#s2{
	display: block;
	padding: 0 5px;
	margin: 0 0 30px 0;
	width: 100%;
	height: 38px;
	border: #00416a 1px solid;
	background-color: #00456f;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	font-style: italic;
	letter-spacing: 0.05em;
	
	
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#searchpage .leftbox .searchpage-menu input#s2:focus{
	border: #00416a 1px solid;
	background-color: #00456f;
	font-style: normal;
	outline: none;
}

#searchpage .leftbox .searchpage-menu input#submit2{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 34px;
	border: #fff 1px solid;
	background: none;
	color: #fff;
	padding: 0 8px;
	margin: 0 0 0 0;
	font-size: 17px;
	letter-spacing: 0.05em;
	font-weight: normal;
	cursor: pointer;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
	
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#searchpage .leftbox .searchpage-menu input#submit2:hover{
	border: #00456f 1px solid;
	color: #fff;
	background-color: #00456f;
}



#searchpage .rightbox{
	float: right;
	padding: 60px 0 80px 0;
}
/* right */
#searchpage .rightbox .searchpage-results{
	margin: 10px 20px 70px 20px;
}

#searchpage .rightbox .searchpage-results .searchpage-result{
	
}
#searchpage .rightbox .searchpage-results .searchpage-result:hover{
	
}
#searchpage .rightbox .searchpage-results .searchpage-result a{
	display: block;
	padding: 0 10px 0 10px;
	margin: -1px 0 0 0;
	
	transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  transition-delay: 0;
}
#searchpage .rightbox .searchpage-results .searchpage-result a:hover{
	background-color: #006aa9;
	color: #fff;
}

#searchpage .rightbox .searchpage-results .searchpage-result a .result-table{
	overflow: hidden;
	margin: 0 10px;
	border-bottom: #006aa9 1px solid;
}
#searchpage .rightbox .searchpage-results .searchpage-result a:hover .result-table{border-bottom: #006aa9 1px solid;}

#searchpage .rightbox .searchpage-results .searchpage-result:first-child a .result-table{
	border-top: #006aa9 3px solid;
}
#searchpage .rightbox .searchpage-results .searchpage-result a .result-table .img{
	width: 15%;
	float: left;
	padding: 30px 0 25px 0;
}
#searchpage .rightbox .searchpage-results .searchpage-result a .result-table .titles{
	width: 30%;
	float: left;
	padding: 30px 0 25px 0;
}
#searchpage .rightbox .searchpage-results .searchpage-result a .result-table .texts{
	width: 55%;
	float: left;
	padding: 30px 0 25px 0;
}

#searchpage .rightbox .searchpage-results .searchpage-result a .result-table .img img{
	border: transparent 1px solid;
	width: 100%;
	height: auto;
	margin: 0 15px 0 0;
}
#searchpage .rightbox .searchpage-results .searchpage-result a:hover .result-table .img img{
	border: #fff 1px solid;

	-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  opacity: 0.6;
	
	transition-property: grayscale;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  transition-delay: 0;
}

#searchpage .rightbox .searchpage-results .searchpage-result a .result-table .titles .name{
	font-size: 16px;
	line-height: 150%;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 0 10px 7px 15px;
}
#searchpage .rightbox .searchpage-results .searchpage-result a .result-table .titles .en{
	font-size: 14px;
	line-height: 120%;
	font-weight: 400;
	font-style: italic;
	letter-spacing: 0.05em;
	color: #006aa9;
	padding: 0 10px 0 15px;
}
#searchpage .rightbox .searchpage-results .searchpage-result a:hover .result-table .titles .name{color: #fff;}
#searchpage .rightbox .searchpage-results .searchpage-result a:hover .result-table .titles .en{color: #fff;}


#searchpage .rightbox .searchpage-results .searchpage-result a .result-table .texts .text{
	font-size: 14px;
	line-height: 150%;
	font-weight: 400;
	letter-spacing: 0.05em;	
}

/* page */
#searchpage .pagination{
	padding: 30px 0 0 20px;
}


/* no result */
.searchpage-no-result{
	border-top: #006aa9 3px solid;
	margin: 50px 10px 300px 10px;
}
.searchpage-no-result h1{
	padding: 28px 0 10px 0;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 130%;
	color: #006aa9;
}
.searchpage-no-result p{
	font-size: 15px;
	line-height: 150%;
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #4f4f4f;
}




/* sp */
.sp #searchpage .leftbox{
	height: auto;
	float: none;
	min-height: 0 !important;
}

.sp #searchpage .leftbox .searchpage-menu{
	padding: 80px 20px 30px 20px;
}

.sp #searchpage .leftbox .searchpage-menu h1{margin: 0 0 10px 0;}
.sp #searchpage .leftbox .searchpage-menu .input-rapper{
	margin: 0 0 15px 0;
}
.sp #searchpage .leftbox .searchpage-menu input#s2{margin: 0 0 15px 0;font-size: 16px;}

.sp #searchpage .rightbox{
	float: none;
	padding: 30px 0 0 0;
}
.sp #searchpage .rightbox .noresult{padding: 0 20px;}
.sp #searchpage .rightbox .noresult h1{margin: 0 0 15px 0;}
.sp #searchpage .rightbox .searchpage-no-result{margin: 0 0 100px 0;}

.sp #searchpage .rightbox .searchpage-results .searchpage-result a{padding: 0 0 0 0;}
.sp #searchpage .rightbox .searchpage-results .searchpage-result a .result-table{
	margin: 0 0 0 0;
}

.sp #searchpage .rightbox .searchpage-results .searchpage-result a .result-table .img{
	width: 25%;
	float: left;
	padding: 30px 0 0 0;
}
.sp #searchpage .rightbox .searchpage-results .searchpage-result a .result-table .titles{
	width: 75%;
	float: left;
	padding: 30px 0 0 0;
}
.sp #searchpage .rightbox .searchpage-results .searchpage-result a .result-table .texts{
	width: 100%;
	float: none;
	clear: both;
	padding: 15px 0 25px 0;
}
.sp #searchpage .rightbox .searchpage-results .searchpage-result a .result-table .titles .name{
	padding: 0 10px 7px 15px;
}
.sp #searchpage .rightbox .searchpage-results .searchpage-result a .result-table .titles .en{
	padding: 0 10px 0 15px;
}






/* =アトリエからさがす
-------------------------------------------------------------- */
#atelierpage .rightbox{
	width: 100%;
	float: none;
	padding: 60px 0 130px 0;
}

#atelierpage .atelierpage-contents .atelierpage-header .ttl{
	color: #8bbfe2;
	font-size: 20px;
	line-height: 110%;
	margin: 30px 0 15px 0;
}
#atelierpage .atelierpage-contents .atelierpage-header .read{
	font-size: 14px;
	font-weight: bold;
	line-height: 110%;
	text-decoration: none;
	color: #00456f;
}

.atelierpage-selector{
	padding: 15px 0 10px 0;
	margin: 15px 0 15px 0;
	border-top: #fff 3px solid;
	border-bottom: #fff 3px solid;
}
.atelierpage-selector ul{
	text-align: center;
}
.atelierpage-selector ul li{
	display: inline-block;
	width: 156px;
	margin: 0 4px 0 4px;
}
.atelierpage-selector li a{
	padding: 0 0 3px 0;
	display: block;
	width: 156px;
	border-bottom: transparent 3px solid;
}
.atelierpage-selector li a:hover,
.atelierpage-selector li a.current{
	border-bottom: #00456f 3px solid;
}
.atelierpage-selector li a img{
	display: block;
}


#atelierpage .atelierpage-contents{
	width: 820px;
	margin: 0 auto;
}

#atelierpage .atelierpage-contents-sec{
	position: relative;
	display: none;
	background-color: #fff;
	padding: 20px 20px 20px 20px;
}
#atelierpage .atelierpage-contents-sec.current{display: block;}

#atelierpage .atelier-imgs{
	width: 780px;
	height: 470px;
	position: relative;
}

#atelierpage .atelier-imgs .mousemap{
	position: absolute;
	z-index: 3;
	
	left: 0;
	top: 0;
	width: 780px;
	height: 470px;
}

#atelierpage .atelier-imgs .base{
	position: absolute;
	z-index: 1;
	
	left: 0;
	top: 0;
	width: 780px;
	height: 470px;
}


#atelierpage .atelier-imgs .hovers{
	position: absolute;
	z-index: 2;
	
	left: 0;
	top: 0;
	width: 780px;
	height: 470px;
	
	pointer-events: none;
}
#atelierpage .atelier-imgs .hovers ul{
	position: relative;
}
#atelierpage .atelier-imgs .hovers ul li{
	position: absolute;
	left: 0;
	top: 0;
	
	display: none;
}
#atelierpage .atelier-imgs .hovers ul li img{
	display: block;
}




/* zoom */
#atelierpage .atelier-imgs .zoom-contents{
	position: absolute;
	z-index: 4;
	left: 0;
	top: 0;
	width: 780px;
	height: 470px;
	
	display: none;
}

#atelierpage .atelier-imgs .zoom-contents.hasscroll{
	overflow: auto;
	width: 780px;
	height: 480px;
	
}
#atelierpage .atelier-imgs .zoom-contents.hasscroll .zoom-content{
	position: relative;
	transition-property: margin;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

#atelierpage .atelier-imgs .zoom-contents.hasscroll:hover .zoom-content{
	margin: 0 0 0 -10px;
}

#atelierpage .atelier-imgs .zoom-contents .zoom-mousemap{
	position: absolute;
	z-index: 7;
	
	left: 0;
	top: 0;
	width: 780px;
	height: 470px;
}

#atelierpage .atelier-imgs .zoom-contents .zoom-base{
	position: absolute;
	z-index: 5;
	
	left: 0;
	top: 0;
	width: 780px;
	height: 470px;
}

#atelierpage .atelier-imgs .zoom-contents .zoom-hovers{
	position: absolute;
	z-index: 6;
	
	left: 0;
	top: 0;
	width: 780px;
	height: 470px;
}
#atelierpage .atelier-imgs .zoom-contents .zoom-hovers ul{
	position: relative;
}
#atelierpage .atelier-imgs .zoom-contents .zoom-hovers ul li{
	position: absolute;
	left: 0;
	top: 0;
	
	display: none;
}
#atelierpage .atelier-imgs .zoom-contents .zoom-hovers ul li img{
	display: block;
}




/* popup */
#atelierpage .popup-contents{
	position: absolute;
	z-index: 20;
	
	left: 20px;
	top: 20px;
	width: 780px;
	height: 470px;
	
	display: none;
}


#atelierpage .popup-contents ul{
	position: relative;
}
#atelierpage .popup-contents ul li{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 740px;
	height: 430px;
}
#atelierpage .popup-contents ul li.popupitem{
	background-color: #006aa9;
}
#atelierpage .popup-contents ul li.popupitem .item-url{
	position: absolute;
	right: 30px;
	top: 30px;
}
#atelierpage .popup-contents ul li.popupitem .item-url a{
	display: block;
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	color: #006aa9;
	font-weight: bold;
	line-height: 110%;
	font-size: 13px;
	border-radius: 3px;
}
#atelierpage .popup-contents ul li.popupitem .item-img{
	padding: 60px 0 0 60px;
}
#atelierpage .popup-contents ul li.popupitem .item-img img{
	display: block;
	width: 160px;
	height: 160px;
}
#atelierpage .popup-contents ul li.popupitem .item-name{
	position: absolute;
	left: 250px;
	top: 105px;
	width: 530px;
	color: #fff;
	font-size: 18px;
	line-height: 160%;
}
#atelierpage .popup-contents ul li.popupitem .item-name span{
	font-size: 15px;
	font-weight: normal;
	display: block;
}


#atelierpage .popup-contents ul li.popupitem .item-text{
	padding: 48px 60px 0 60px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 180%;
}



/* close */

#atelierpage .close{
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 10;
}
#atelierpage .close a{
	display: block;
	width: 57px;
	height: 57px;
	text-indent: -3333px;
	background: url(images/atelier/icon_zoomout.png) left top no-repeat;
	overflow: hidden;
}
#atelierpage .close a:hover{opacity: 0.5;}




/* sp */
.sp #atelierpage .atelierpage-contents{
	width: auto;
	margin: 0 0 0 0;
}
.sp #atelierpage .atelierpage-contents .sp{
	padding: 0 15px;
}
.sp #atelierpage .atelierpage-contents .atelierpage-header .read{
	line-height: 160%;
	margin: 0 0 15px 0;
}
.sp #atelierpage .atelierpage-contents .sp .sp-atelierpage-contents-sec{
	background-color: #fff;
	padding: 15px 15px 15px 15px;
	margin: 0 0 30px 0;
}
.sp #atelierpage .atelierpage-contents .sp .sp-atelierpage-contents-sec .sp-atelierpage-items-ttl{
	font-size: 14px;
	font-weight: bold;
	line-height: 110%;
	color: #00456f;
	margin: 20px 0 0 0;
}
.sp #atelierpage .atelierpage-contents .sp .sp-atelierpage-contents-sec .img img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}


.sp #atelierpage .sp-atelierpage-items li.sp-atelierpage-item{
	position: relative;
	border-bottom: #006aa9 1px solid;
	padding: 20px 0 20px 0;
}
.sp #atelierpage .sp-atelierpage-items li.sp-atelierpage-item.last{border-bottom: none;padding: 20px 0 0 0;}

.sp #atelierpage .sp-atelierpage-items li.sp-atelierpage-item .item-url{
	position: absolute;
	right: 0;
	top: 20px;
}
.sp #atelierpage .sp-atelierpage-items li.sp-atelierpage-item .item-url a{
	display: block;
	background-color: #006aa9;
	padding: 8px 8px 7px 8px;
	color: #fff;
	font-weight: bold;
	line-height: 110%;
	font-size: 12px;
	border-radius: 3px;
}
.sp #atelierpage .sp-atelierpage-items li.sp-atelierpage-item .item-img{
	padding: 30px 0 15px 0;
}
.sp #atelierpage .sp-atelierpage-items li.sp-atelierpage-item .item-img img{
	display: block;
	width: 110px;
	height: 110px;
	margin: 0 auto;
}
.sp #atelierpage .sp-atelierpage-items li.sp-atelierpage-item .item-name{
	font-size: 16px;
	line-height: 160%;
}
.sp #atelierpage .sp-atelierpage-items li.sp-atelierpage-item .item-name span{
	font-size: 14px;
	font-weight: normal;
	display: block;
}


.sp #atelierpage .sp-atelierpage-items li.sp-atelierpage-item .item-text{
	margin: 5px 0 0 0;
	font-size: 13px;
	font-weight: normal;
	line-height: 160%;
}







/* =描画例集からさがす
-------------------------------------------------------------- */
#drawpage .leftbox{
	height: 100%;
	float: left;
	position: relative;
	background-color: #006aa9;
	z-index: 20;
}
#drawpage .leftbox .drawpage-menu{
	padding: 150px 30px;
}
#drawpage .leftbox h1{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 110%;
	margin: 0 0 23px 0;
}
#drawpage .leftbox .drawpage-menu .input-rapper{
	padding: 0 0 30px 0;
	border-bottom: #fff 1px dotted;
	margin: 0 0 30px 0;
}
#drawpage .leftbox .drawpage-menu h1{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 110%;
	margin: 0 0 23px 0;
}

#drawpage .leftbox .drawpage-menu .drawpage-menu-drawing li{
	position: relative;
	width: 100%;
}
#drawpage .leftbox .drawpage-menu .drawpage-menu-drawing-select-text{
	display: block;
	padding: 0 0 0 30px;
	height: 38px;
	color: #fff;
	border: #00416a 1px solid;
	font-size: 13px;
	line-height: 40px;
	font-weight: bold;
	font-style: italic;
	background: #00456f url(images/common/arrow_pulldown.png) 10px center no-repeat;
	background-size: 15px 15px;
	cursor: pointer;
}
#drawpage .leftbox .drawpage-menu .drawpage-menu-drawing-select{
	display: block;
	width: 100%;
	height: 40px;
	-webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius:0;
  
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
#drawpage .leftbox .drawpage-menu .disable{
	color: #ccc;
	pointer-events: none;
	cursor: default;
}


#drawpage .leftbox .drawpage-menu .drawpage-menu-drawing-select option{
	display: block;
	height: 40px;
	border: none;
	font-size: 13px;
}

#drawpage .leftbox .drawpage-menu input#submit{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 34px;
	border: #fff 1px solid;
	background: none;
	color: #fff;
	padding: 0 8px;
	margin: 15px 0 0 0;
	font-size: 17px;
	letter-spacing: 0.05em;
	font-weight: normal;
	cursor: pointer;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
	
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#drawpage .leftbox .drawpage-menu input#submit:hover{
	border: #00456f 1px solid;
	color: #fff;
	background-color: #00456f;
}



#drawpage .rightbox{
	float: right;
	padding: 60px 0 80px 0;
}

/* no result */
#drawpage .rightbox .noresult{
	padding: 0 30px;
}
#drawpage .rightbox .noresult h1{
	color: #8bbfe2;
	font-size: 20px;
	line-height: 110%;
	margin: 50px 0 15px 0;
}
#drawpage .rightbox .noresult ul{overflow: hidden;}
#drawpage .rightbox .noresult ul li{
	float: left;
	display: inline-block;
	margin: 0 15px 15px 0;
}
#drawpage .rightbox .noresult ul li a{
	display: block;
	padding: 10px 12px 8px 12px;
	background-color: #fff;
	border-radius: 3px;
	line-height: 110%;
	font-size: 13px;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-align: center;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#drawpage .rightbox .noresult ul li a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #00456f;
}


/* sp */
.sp #drawpage .leftbox{
	height: auto;
	min-height: 0 !important;
	float: none;
}
.sp #drawpage .leftbox .drawpage-menu{
	padding: 80px 20px 30px 20px;
}
.sp #drawpage .leftbox .drawpage-menu h1 {
	margin: 0 0 10px 0;
}
.sp #drawpage .leftbox .drawpage-menu .input-rapper {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}


.sp #drawpage .rightbox{
	float: none;
	padding: 40px 0 80px 0;
}
.sp #drawpage .rightbox .noresult {padding: 0 20px;}
.sp #drawpage .rightbox .noresult h1{margin: 0 0 15px 0;}





/* =ABOUT 造形ファイルについて
-------------------------------------------------------------- */

#aboutpage .leftbox{
	height: 100%;
	float: left;
	position: relative;
	background-color: #006aa9;
	z-index: 20;
}

#aboutpage .leftbox .aboutpage-menu{
	padding: 150px 30px 100px 30px;
}
#aboutpage .leftbox .aboutpage-menu h1{
	font-size: 16px;
	color: #fff;
	margin: 0 0 25px 0;
}
#aboutpage .leftbox .aboutpage-menu ul li{
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
}
#aboutpage .leftbox .aboutpage-menu ul li a{
	font-size: 14px;
	color: #fff;
	line-height: 110%;
}
#aboutpage .leftbox .aboutpage-menu ul li a:before{
	content: ' ';
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #8bbfe2;
	vertical-align: middle;
	margin: 0 7px 0 0;
}
#aboutpage .leftbox .aboutpage-menu ul li.current a{
	font-weight: bold;
}

#aboutpage .leftbox .aboutpage-menu ul li a:hover{
	text-decoration: none;
	color: #8bbfe2;
}

#aboutpage .leftbox .aboutpage-menu ul li.i8{
	border-top: #fff 1px dotted;
	padding: 20px 0 0 10px;
}


#aboutpage .rightbox{
	float: right;
	padding: 60px 0 80px 0;
}

#aboutpage .rightbox .aboutpage-contents{
	margin: 50px 0 0 0;
	padding: 0 30px 50px 30px;
}


#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec{display: none;}
#aboutpage .rightbox .aboutpage-contents .current{display: block;}




#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec h1{
	font-weight: bold;
	font-size: 24px;
	color: #006aa9;
	line-height: 110%;
	margin: 0 0 30px 0;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec h1 .note{
	font-size: 14px;
	display: inline-block;
	padding: 0 0 0 10px;
	font-weight: normal;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec h2{
	font-weight: bold;
	font-size: 18px;
	color: #006aa9;
	line-height: 110%;
	margin: 0 0 20px 0;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec h3{
	font-weight: bold;
	font-size: 16px;
	line-height: 160%;
	margin: 0 0 20px 0;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec h4{
	font-weight: bold;
	font-size: 14px;
	line-height: 160%;
	margin: 0 0 5px 0;
}

#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec a{color: #006aa9;text-decoration: underline;}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec a:hover{color: #8bbfe2;text-decoration: underline;}

#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec p{
	line-height: 180%;
	font-size: 14px;
	margin: 0 0 15px 0;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec p.strong{
	font-weight: bold;
	font-size: 14px;
	padding: 0 30px;
}

#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec p.note{
	line-height: 180%;
	font-size: 13px;
	color: #777;
}

#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .group{
	background-color: #fff;
	padding: 30px 30px 15px 30px;
	margin: 30px 0 0 0;
}

#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec ul{padding: 0 0 15px 0;}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec ul li:before{
	content: ' ';
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #8bbfe2;
	vertical-align: middle;
	margin: 0 7px 0 0;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec ul li{
	font-size: 14px;
	line-height: 180%;
	margin: 10px 0 0 0;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .img img{
	width: 100%;
	height: auto;
	max-width: 800px;
	display: block;
}


/* #sec3 造形ファイルの使い方 */
#aboutpage .rightbox .aboutpage-contents #sec3 .group{
	padding: 0 0 0 0;
}
#aboutpage .rightbox .aboutpage-contents #sec3 .aboutpage-detailpage{
	padding: 30px 30px 15px 30px;
}

#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage .togglecontents{
	text-decoration: none;
	position: relative;
	padding: 30px 30px 25px 80px;
	display: block;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage .togglecontents:hover{
	opacity: 0.5;
}

#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage .togglecontents:before{
	content: ' ';
	display: block;
	position: absolute;
	left: 30px;
	top: 50%;
	margin: -9px 0 0 0;
	width: 33px;
	height: 19px;
	background: url(images/about/toggle_x2.png) 0 -19px no-repeat;
	background-size: 66px 38px;
}


#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage .togglecontents h2{
	font-weight: bold;
	font-size: 18px;
	color: #006aa9;
	line-height: 110%;
	margin: 0 0 10px 0;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage .togglecontents p{
	color: #191919;
	line-height: 180%;
	font-size: 14px;
	margin: 0 0 0 0;
}

/* when show */
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage .hidecontents{
	display: none;
	
	margin: 0 30px 0 30px;
	border-top: #deebf4 3px solid;
	padding: 30px 0 15px 0;
	
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage.show .hidecontents{display: block;}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage.show .togglecontents:before{
	background: url(images/about/toggle_x2.png) -33px 0 no-repeat;
	background-size: 66px 38px;
}




/* スタッフ */
#aboutpage .rightbox .aboutpage-contents #sec4 ul li:before{
	content: none;
	display: none;
}
#aboutpage .rightbox .aboutpage-contents #sec4 ul li strong{
	padding: 0 10px 0 0;
}
#aboutpage .rightbox .aboutpage-contents #sec4 ul.starff-horizon-list{
	overflow: hidden;
	padding: 0 0 0 0;
}
#aboutpage .rightbox .aboutpage-contents #sec4 ul.starff-horizon-list li{
	float: left;
	padding: 0 15px 15px 0;
	margin: 0 0 0 0;
}


/* サイトポリシー */
#aboutpage .rightbox .aboutpage-contents #sec5 h3{
	margin: 0 0 0 0;
}

/* contact お問い合わせ */
#aboutpage .rightbox .aboutpage-contents #sec6 h2{
	font-weight: bold;
	font-size: 16px;
	color: #006aa9;
	line-height: 110%;
	margin: 0 0px 5px 0px;
}
#aboutpage .rightbox .aboutpage-contents #sec6 p{
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 0 0;
}


/* banner */
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .linklist li{
	overflow: hidden;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .linklist li:before{
	content: none;
	display: none;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .linklist li .img{
	float: left;
	width: 260px;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .linklist li .img a img{
	width: 242px;
	height: 120px;
	border: #e7ebed 1px solid;
	
	transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .linklist li .img a:hover img{
	opacity: 0.5;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .linklist li .text{
	float: left;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .linklist li .text h2{
	font-weight: bold;
	font-size: 16px;
	color: #006aa9;
	line-height: 110%;
	margin: 35px 0px 5px 0px;
}
#aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .linklist li .text p a{
	
}



/* sp */
.sp #aboutpage .leftbox{
	height: auto;
	min-height: 0 !important;
	float: none;
}

.sp #aboutpage .leftbox .aboutpage-menu{
	padding: 80px 0 30px 0;
}
.sp #aboutpage .leftbox .aboutpage-menu h1{
	margin: 0 0 25px 20px;
}
.sp #aboutpage .leftbox .aboutpage-menu ul{
	overflow: hidden;
}
.sp #aboutpage .leftbox .aboutpage-menu ul li{
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	float: left;
	width: 50%;
	text-align: left;
}
.sp #aboutpage .leftbox .aboutpage-menu ul li a{
	display: block;
	margin: 0 0 0 10px;
}
.sp #aboutpage .leftbox .aboutpage-menu ul li.i7{width: 100%;}

.sp #aboutpage .leftbox .aboutpage-menu ul li a:hover{
	text-decoration: none;
	color: #fff;
}

.sp #aboutpage .leftbox .aboutpage-menu ul li.i8{
	border-top: #fff 1px dotted;
	padding: 18px 0 0 0;
	width: auto;
	float: none;
	margin: 0 10px;
	clear: both;
}
.sp #aboutpage .leftbox .aboutpage-menu ul li.i8 a{
	margin: 0 0 0 0;
}


.sp #aboutpage .rightbox{
	float: none;
	padding: 30px 0 60px 0;
}

.sp #aboutpage .rightbox .aboutpage-contents{
	margin: 0 0 0 0;
	padding: 0 20px 0 20px;
}
.sp #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec h1 {margin: 0 0 15px 0;}
.sp #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec h1 .note{display: block;padding: 0 0 0 0;}
.sp #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .group {
	padding: 15px 15px 0 15px;
	margin: 15px 0 0 0;
}
.sp #aboutpage .rightbox .aboutpage-contents #sec3 .aboutpage-detailpage {padding: 15px 15px 0 15px;}
.sp #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage .togglecontents:before {left: 15px;}
.sp #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage .togglecontents {padding: 15px 15px 10px 65px;}
.sp #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage .hidecontents {
	margin: 0 15px 0 15px;
	padding: 15px 0 10px 0;
}
.sp #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec h2 {margin: 0 0 10px 0;}
.sp #aboutpage .rightbox .aboutpage-contents #sec6 h2 {line-height: 130%;}
.sp #aboutpage .rightbox .aboutpage-contents #sec6 p {padding: 0 0 15px 0;}

.sp #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .linklist li .img {
	float: none;
	width: 260px;
}
.sp #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .linklist li .text {float: none;}
.sp #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .linklist li .text h2 {margin: 15px 0px 0 0px;}





/* =フォントサイズの拡大 2〜3px
-------------------------------------------------------------- */
html.font-large #header .header-title a span{font-size: 15px;}
html.font-large #header .header-menu .header-menu-nav ul li a{font-size: 17px;}
html.font-large #header .header-menu .header-menu-nav ul li div form #s{font-size: 14px;}
html.font-large .indexpage-banners .left ul li a span{font-size: 18px;}
html.font-large .items-total{font-size: 19px;}
html.font-large .items-total strong{font-size: 23px;}
html.font-large .item a span.name{font-size: 16px;line-height: 140%;}
html.font-large .items-showmore a{font-size: 19px;}
html.font-large .footer .in .wrapper .footer-nav .footer-nav-box h1{font-size: 15px;}
html.font-large .footer .in .wrapper .footer-nav .footer-nav-box ul li a{font-size: 14px;}


html.font-large #aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in .aiueopage-menu-nav ul li a{font-size: 19px;}
html.font-large #aiueopage .leftbox .aiueopage-menu .aiueopage-menu-in .aiueopage-menu-nav ul li span{font-size: 19px;}

html.font-large #subjectpage .leftbox .subjectpage-menu h1,
html.font-large #catpage .leftbox .catpage-menu h1,
html.font-large #searchpage .leftbox h1,
html.font-large #drawpage .leftbox .drawpage-menu h1,
html.font-large #aboutpage .leftbox .aboutpage-menu h1{font-size: 18px;}
html.font-large #catpage .leftbox .catpage-menu .catpage-menu-categories-select-text,
html.font-large #subjectpage .leftbox .subjectpage-menu .subjectpage-menu-subjects-select-text,
html.font-large #drawpage .leftbox .drawpage-menu .drawpage-menu-drawing-select-text{font-size: 15px;}
html.font-large #searchpage .leftbox .searchpage-menu input#s2{font-size: 16px;}

html.font-large #catpage .rightbox .noresult h1,
html.font-large #subjectpage .rightbox .noresult h1{font-size: 22px;}
html.font-large #catpage .rightbox .noresult .catpage-results-categoriesname .catpage-results-categoriesname-parent a{font-size: 18px;}
html.font-large #catpage .rightbox .noresult ul li a{font-size: 15px;}

html.font-large #searchpage .rightbox .searchpage-results .searchpage-result a .result-table .titles .name{font-size: 18px;}
html.font-large #searchpage .rightbox .searchpage-results .searchpage-result a .result-table .texts .text{font-size: 16px;line-height: 160%;}

html.font-large #subjectpage .rightbox .noresult ul li a{font-size: 15px;}

html.font-large #detailpage .leftbox .detailpage-header .ja{font-size: 32px;}
html.font-large #detailpage .leftbox .detailpage-header .en{font-size: 25px;}
html.font-large #detailpage .leftbox .detailpage-categories .detailpage-category h2{font-size: 16px;}
html.font-large #detailpage .leftbox .detailpage-categories .detailpage-category ul li a{font-size: 15px;}
html.font-large #detailpage .leftbox .detailpage-texts .detailpage-texts-in{font-size: 16px;line-height: 200%;}
html.font-large #detailpage .leftbox .detailpage-memo-subjectgroup h2,
html.font-large #detailpage .leftbox .detailpage-texts .detailpage-texts-in .detailpage-kanren h2{font-size: 15px;}
html.font-large #detailpage .leftbox .detailpage-memo-subjectgroup ul li a,
html.font-large #detailpage .leftbox .detailpage-texts .detailpage-texts-in .detailpage-kanren ul li a{font-size: 16px;}
html.font-large #detailpage .leftbox .detailpage-memo-others p{font-size: 15px;}
html.font-large #detailpage .rightbox .detailpage-links .outerlink,
html.font-large #detailpage .rightbox .detailpage-links .pdflink{font-size: 15px;}
html.font-large #detailpage .rightbox .imgread{font-size: 18px;}
html.font-large #detailpage .rightbox .detailpage-photos li .imgcap{font-size: 16px;}


html.font-large #aboutpage .leftbox .aboutpage-menu ul li a{font-size: 16px;}
html.font-large #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec h1{font-size: 26px;}
html.font-large #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec p{font-size: 16px;}
html.font-large #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec h2{font-size: 20px;}
html.font-large #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec h3{font-size: 18px;}
html.font-large #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec h4{font-size: 16px;}
html.font-large #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec p.strong{font-size: 16px;}
html.font-large #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec p.note{font-size: 15px;}
html.font-large #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec ul li{font-size: 16px;}
html.font-large #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage .togglecontents h2{font-size: 20px;}
html.font-large #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .aboutpage-searchpage .togglecontents p{font-size: 16px;}
html.font-large #aboutpage .rightbox .aboutpage-contents #sec6 h2{font-size: 18px;}
html.font-large #aboutpage .rightbox .aboutpage-contents #sec6 p{font-size: 18px;}
html.font-large #aboutpage .rightbox .aboutpage-contents .aboutpage-contents-sec .linklist li .text h2{font-size: 18px;}


html.font-large #atelierpage .atelierpage-contents .atelierpage-header .ttl {font-size: 22px;}
html.font-large #atelierpage .atelierpage-contents .atelierpage-header .read {font-size: 16px;}
html.font-large #atelierpage .popup-contents ul li.popupitem .item-name {font-size: 20px;}
html.font-large #atelierpage .popup-contents ul li.popupitem .item-name span {font-size: 17px;}
html.font-large #atelierpage .popup-contents ul li.popupitem .item-text {font-size: 16px;}
html.font-large #atelierpage .popup-contents ul li.popupitem .item-url a {font-size: 15px;}





/*
 * CSS for Slik.js
 */


/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }








/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #f7fafc;
	position: relative;
}

.jspDrag
{
	background: #deebf4;/*#90908c;*/
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	
	-o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.jspDrag:hover{
	background: #90908c;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}