@charset "UTF-8";

/* 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,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}article,aside,figure,footer,header,hgroup,nav,section{display:block;}img,object,embed{vertical-align: bottom;}html{overflow-y:scroll;}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;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}th{font-weight:bold;vertical-align:bottom;}td{font-weight:normal;vertical-align:top;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}select,input,textarea{font:99% sans-serif;}table{font-size:inherit;font:100%;}a:hover,a:active{outline:none;}strong,th{font-weight:bold;}td,td img{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre,code,kbd,samp{font-family:monospace,sans-serif;}label,input[type=button],input[type=submit],button{cursor:pointer;}button,input,select,textarea{margin:0;}button{width:auto;overflow:visible;}.clear:before,.clear:after{content:"\0020";display:block;height:0;overflow:hidden;}.clear:after{clear:both;}.clear{zoom:1;}

/* base */
body {
	width: 100%;
	min-width:1040px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	font-weight:normal;
	line-height: 1.8;
	color: #221815;
	letter-spacing:0.05em;
	-webkit-text-size-adjust: 100%;
	background:url(../../img/bg_tenugui.jpg) 50% 0 repeat-y;
}
.win body{
	letter-spacing:0.18em;
}


/* 遊ゴシック Bold*/
.section_cat,
.article h2,
.article h3,
.section_body h3,
.project_name,
.use h2{
	font-family:"游ゴシック","游ゴシック体",YuGothic,"Yu Gothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
	font-weight:900;
	letter-spacing:0.1em;
}

/* 遊ゴシック Medium*/
@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}
.project_num,
.project_cat{
  font-family:"YuGothic M",YuGothic,sans-serif;
	letter-spacing:0.08em;
}

/* 明朝体 */
.section_cat span,
.serif{
	font-family: '游明朝',YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ＭＳ Ｐ明朝',serif;
/*	font-family: 'Times New Roman',Times,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝',serif;*/
	font-weight:900;
	letter-spacing:0.1em;
}




p,li,dd,td {
  text-align: justify;
  text-justify: inter-ideograph;
}


a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: underline;
}

a.current,
a.parentsLink{
	cursor:default;
	color: #221815;
	text-decoration: none;
}

a.alpha:hover img{
  filter:alpha(opacity=60);
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
}
a.trans:hover img{
  filter:alpha(opacity=0);
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -moz-opacity:0;
  -khtml-opacity: 0;
}


/****************************************************************************
header
****************************************************************************/

#header{
	margin:0 auto;
	width:1000px;
}

#header_logo{
	text-align:right;
}

#header h1{
	margin:75px auto 0;
	width: 697px;
	height: 168px;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../img/tenuyui.png) 0 0 no-repeat;
}

#header_copy{
	margin:40px auto 60px;
	width: 288px;
	height: 66px;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../img/copy.png) 0 0 no-repeat;
}



/****************************************************************************
#contents
****************************************************************************/
#contents{
	margin:0 auto;
	width:1000px;
}

#about{
	width:172px;
	padding:22px 24px;
	float:right;
	background-color:#fff;
}
#about h2{
	padding-bottom:4px;
	font-weight:normal;
	color:#e71410;
}







/****************************************************************************
#main
****************************************************************************/
#main{
	width:740px;
	float:left;
}

/* section */
section{
	padding:0 45px 40px;
	background-color:#fff;
}
section + section{
	margin-top:48px;
}

.section_mainimage{
	margin:0 -20px;
	padding-top:25px;
	width:690px;
}


.section_header{
	padding:30px 0 0;
}
.section_cat{
	font-size:10px;
	color:#e71410;
}
.section_cat span{
	display:inline-block;
	padding-right:8px;
	font-size:15px;
}
.article h2{
	padding-top:5px;
	font-size:22px;
	line-height:1.5;
}
.article h2 span{
	display:block;
	padding-top:5px;
	font-size:12px;
	color:#666;
}
.article h3{
	font-size:16px;
	padding:10px 0;
}
.article h3 span{
	font-size:12px;
}


.section_body{
	padding-top:35px;
}
.article .section_body p{
	font-size:14px;
	line-height:2;
}
.article .section_body p + p{
	padding-top:15px;
}

.section_note{
	padding-top:35px;
}
.article .section_note p{
	line-height:2;
}
.article .section_note p + p{
	padding-top:10px;
}







/* section 個別の指定 */


/* #project_list **********************************/
#project_list{
	margin-top:15px;
}
#project_list ul{
	width:680px;
	margin-top:20px;
	margin-left:-30px;
}
#project_list li{
	display:inline-block;
	width:140px;
	padding-left:30px;
	float:left;
}

.project_num,
.project_cat{
	display:inline-block;
	padding-top:8px;
}
.project_num{
	font-size:10px;
	color:#e71410;
}
.project_cat{
	font-size:8px;
	color:#666;
	letter-spacing:0.05em;
}
.project_name{
	padding-top:3px;
	font-size:14px;
	line-height:1.4;
	letter-spacing:0.05em;
}
.project_txt{
	padding-top:8px;
	color:#666;
}




/* #concept **********************************/

#concept .section_body{
	padding-top:0;
}

.kamishibai{
	padding:0 70px 20px 15px;
}
#kamishibai01,
#kamishibai03{
	padding-right:40px;
}

.kamishibai_even{
	padding:0 5px 20px 110px;
}

.kamishibai img{
	float:right;
}
.kamishibai p{
	float:left;
	padding-top:20px;
}
#kamishibai01 p{
	padding-top:50px;
}
#kamishibai05 p,
#kamishibai06 p{
	padding-top:60px;
}
#kamishibai07 p,
#kamishibai08 p{
	padding-top:40px;
}

#kamishibai_last{
	padding:60px 0;
	text-align:center;
}

.section_body#aboutpraylife,
.section_body#support{
	padding-top:25px;
}
.section_body#aboutpraylife{
	border-top:solid 1px #d2d2d2;
}
.section_body#aboutpraylife h3,
.section_body#support h3{
	padding-bottom:3px;
}




/****************************************************************************
#sub
****************************************************************************/

#sub{
	width:220px;
	float:right;
}

.use{
	margin-top:22px;
	padding:22px 10px;
	background-color:#fff;
}
.use h2{
	padding-bottom:15px;
	font-size:16px;
	line-height:1.5;
	color:#e71410;
	text-align:center;
}
#use_us h2{
	color:#368fd3;
}
.use h2 span{
	display:block;
	padding-top:2px;
	font-size:12px;
}


.use_carousel{
	border:solid 1px #f17270;
}
#use_us .use_carousel{
	border:solid 1px #6ba8d7;
}


.carousel_btn{
	text-align:center;
}
.cbtn_prev{
	margin-top:-10px;
}
.cbtn_next{
	margin-bottom:-10px;
}

.carousel_btn a{
	display:inline-block;
	vertical-align: text-top;
	margin-right:10px;
	padding:2px 2px 4px 4px;
	width:10px;
	font-size:10px;
	line-height:1;
	text-align:center;
	font-weight:bold;
	color:#fff;
	text-indent:0;
	background-color:#ee5553;
	border-radius:1em; 
}
#use_us .carousel_btn a{
	background-color:#4196d7;
}

.use_list li{
	width:200px;
	height:220px;
	text-align:center;
}


/****************************************************************************
footer
****************************************************************************/

#page-top {
    bottom: 20px;
    position: fixed;
    right: 0;
	z-index:600;
}

#page-top a {
    background: none repeat scroll 0 0 #988A8A;
/*    border-radius: 5px 0 0 5px;*/
    color: #fff;
    display: block;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
	font-size:11px;
	line-height:150%;
    width: 66px;
  filter:alpha(opacity=60);
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
}
#page-top a .and{
	font-size:16px;
}
#page-top a:hover{
  filter:alpha(opacity=1);
  opacity: 1;
  -ms-filter: "alpha(opacity=1)";
  -moz-opacity:1;
  -khtml-opacity: 1;
}




#footer{
	margin:0 auto;
	padding:60px 0 30px;
	width:1000px;
}
#footer_link a{
	color: #221815;
}

#copyright {
	margin-top:6px;
	font-size:10px;
	color:#666;
	letter-spacing:0.15em;
}






/****************************************************************************
汎用クラス
****************************************************************************/

.hidden{
  height: 0px;
  font-size: 0%;
  line-height: 0%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.center{
	text-align:center;
}

.small{
	font-size:12px;
	line-height:21px;
}
.x-small{
	font-size:10px;
	line-height:16px;
}
.win body .small,
.win body .x-small{
	letter-spacing:0.1em;
}


.large{
	font-size:16px;
	line-height:28px;
}
.x-large{
	font-size:24px;
	line-height:32px;
}

.notice{
	color:#e71410;
}

strong{
	font-weight:bold;
	color:#e71410;
}
em{
	font-weight:bold;
	font-style:normal;
	letter-spacing:0.15em;
}

.gray{
	color:#666;
}
.saitama{
	color:#0091b5;
}