@charset "UTF-8";

/*default settings*/
html, body, div,  applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;vertical-align: middle;letter-spacing:0.1em;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html {line-height: 1em;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;vertical-align: middle;}
q, blockquote {quotes: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";content: none;}
a img {border: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
body {font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size: 14px;color: #000;line-height: 1.5;}

/*layout settings*/
.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.mU10 {margin-bottom:10px!important;}
.mU20 {margin-bottom:20px!important;}
.mU30 {margin-bottom:30px!important;}
.mU40 {margin-bottom:40px!important;}
.mU50 {margin-bottom:50px!important;}
.mU60 {margin-bottom:60px!important;}
.mU70 {margin-bottom:70px!important;}

/*font size settings*/
.size10px {font-size:10px;}
.size12px {font-size:12px;}

.opacity{transition: 0.3s ease-in-out;}
.opacity:hover{	opacity:0.5;filter: alpha(opacity=50);}
.cf{zoom:1;}
.cf:after{content:"";clear:both;display:block;}
.txt_shadow_blk {text-shadow:0px 0px 5px #000;}
.txt_shadow_wht {text-shadow:0px 0px 5px #fff;}

/*responsive design settings*/
@media screen and (max-width: 640px){
img{max-width: 100%;height: auto;width /***/:auto;}
.onlyPC{display:none!important;}
.blkSP{display:block;}
br.nobr_SP {display:none;}
}
@media screen and (min-width: 650px){
.onlySP{display:none!important;}
.blkPC{display:block;}
br.nobr_PC {display:none;}
}

/*lp css*/
header {
	text-align:center;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
header p {
	font-size:10px;
	background-color:#eee;
	padding:5px;	
}
header div {
	margin:20px 0;	
}
header div img {
	width:212px;	
}
#wrap {
	margin:0 10px;	
}
#ttl h1 {
	font-size:18px;
	font-weight:bold;
	color:#f60;
	margin:5px 0;
}
#ttl p {
	font-size:10px;	
}
#writer {
	margin:20px 0;
	padding:20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;	
}
#writer #L {
	float:left;
	width:80px;
	margin:0 10px;	
}
#writer #R {
	padding-left:100px;
}
#writer p#prof {
	font-size:10px;	
}
#writer p#name {
	font-size:18px;	
}
#writer p#lead {
	font-size:10px;	
}
.contents {
	margin-bottom:30px;	
}
.contents h2 {
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:3px solid #f60;	
}
.contents p,.contents img {
	margin-bottom:10px;	
}
#footer_link {
	width:100%;
	margin:0;
	padding:0;	
}
#footer_link li {
	margin-bottom:10px;	
}
#footer_link li:last-child {
	margin-bottom:0;	
}
#footer_link li a {
	display:block;
	font-size:14px;
	padding:5px;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
	background-color:#ff9900;
	color:#fff;
	border:1px solid #f30;
}