@charset "UTF-8";

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,form,fieldset,input,textarea,select,option,table,th,td,embed,object,address,non {
	margin:0;
	padding:0;
}



body {
	font-size: 15px;
	background: #fff;
}

h1, h2, h3, h4, h5,
header, footer {
	font-weight:normal;
	color:#666;
}

/*
	base : 15px;
	
	10px : 66.66%
	11px : 73.33%
	12px : 80%
	13px : 86.66%
	14px : 93.33%
	15px : 100%
	16px : 106.66%
	17px : 113.33%
	18px : 120%
	19px : 126.66%
	20px : 133.33%
	21px : 140%
	22px : 146.66%
	23px : 153.33%
	24px : 160%
	25px : 166.66%
	26px : 173.33%
	32px : 213.33%
	40px : 266.7%
	45px : 300%
	
	base color
	
	red : #EC1F26
	gray : #959595
	light-gray : #E6E6E6
*/

/* ============================================
	font-size
============================================ */

body h2 {
	font-size: 266.66%;	
}

body h3{
	font-size: 166.66%;	
}

.font_red{ color:#EC1F26; }
.font_gray{ color:#959595; }
.font_light-gray{ color:#E6E6E6; }

.font50p{font-size: 50%;}
.font10px{font-size: 66.66%;}
.font11px{font-size: 73.33%;}
.font12px{font-size: 80%;}
.font13px{font-size: 86.66%;}
.font14px{font-size: 93.33%;}
.font15px{font-size: 100%;}
.font16px{font-size: 106.66%;}
.font17px{font-size: 113.33%;}
.font18px{font-size: 120%;}
.font19px{font-size: 126.66%;}
.font20px{font-size: 133.33%;}
.font21px{font-size: 140%;}
.font22px{font-size: 146.66%;}
.font23px{font-size: 153.33%;}
.font24px{font-size: 160%;}
.font25px{font-size: 166.66%;}
.font26px{font-size: 173.33%;}
.font32px{font-size: 213.33%;}
.font40px{font-size: 266.7%;}
.font45px{font-size: 300%;}

.font_bold{
	font-weight:bold;
}
/* ============================================
	list
============================================ */
ol.number li{
	list-style-type: decimal;
	margin-bottom:10px;
	margin-left:2em;
}
ol.disc li{
	list-style-type: disc;
	margin-bottom:10px;
	margin-left:1.5em;
}
ol.circle li{
	list-style-type: circle;
	margin-bottom:10px;
	margin-left:1.5em;
}
/* ============================================
	clear fix
============================================ */ 

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* ============================================
	link
============================================ */ 
a,
a:link,
a:visited {
	color: #666;
	text-decoration: none;
	-webkit-tap-highlight-color: ; 
}

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

header a,
header a:link,
header a:visited {
	color: #FFF;
	text-decoration: none;
	-webkit-tap-highlight-color: ; 
}
header a:hover {
	text-decoration: underline;
}

footer a,
footer a:link,
footer a:visited {
	color: #666;
	text-decoration: none;
	-webkit-tap-highlight-color: ; 
}
footer a:hover {
	text-decoration: underline;
}

#content  a,
#content  a:link,
#content  a:visited {
	color: #666;
	text-decoration: underline;
	-webkit-tap-highlight-color: ; 
}
#content  a:hover {
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);
}

#content  a:visited img{
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
}
#content  a:hover img{
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);
	border:none;
}

/* ============================================
	base layout
============================================ */

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}

img {
    vertical-align: middle;
	max-width: 100%;
	height: auto;
}

figure {
	overflow: hidden;
}
figcaption {
}

/* ============================================
	Form layout
============================================ */

input[type="text"],
textarea{
	border:0;
	color:#666;
	border:solid 1px #ccc;
	box-sizing:content-box;
}
input[type="submit"]{
	border:0;
}

/* ============================================
	content base layout
============================================ */

#wrapper,
section {
    width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;	
	clear: both;
	overflow: hidden;
}


#contentsArea {
	width: 980px;
	margin: 0 auto;
	box-sizing: border-box;	
	clear: both;
	overflow: hidden;
	background-color:#FFF;
}

#wrapper {
	min-width: 1044px;
	overflow: visible;
}

/*Content */
#content{
	margin-top: 40px;
	padding:0px 20px 0px 20px;
	color:#4D4D4D;
}

#content h1, 
#content h2,
#content h3,
#content h4, 
#content h5 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	display:block;
}

#content section{
	margin: 0;
	padding: 0;
}


/* ============================================
	griddesign
============================================ */

.c_row:after{ 
	content: "";
    display: table;
	clear: both; 
}

.c_row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
	clear: both;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}
.c_row .col{
	margin-left: 2%;
}
.c_row .col:first-child{
	margin-left: 0;
}

.c_row .span_1 { width: 6.5%; }
.c_row .span_2 { width: 15.0%; }
.c_row .span_3 { width: 23.5%; }
.c_row .span_4 { width: 32.0%; }
.c_row .span_5 { width: 40.5%; }
.c_row .span_6 { width: 49.0%; }
.c_row .span_7 { width: 57.5%; }
.c_row .span_8 { width: 66.0%; }
.c_row .span_9 { width: 74.5%; }
.c_row .span_10 { width: 83.0%; }
.c_row .span_11 { width: 91.5%; }
.c_row .span_12 { width: 100%; }

.c_row .span_1,
.c_row .span_2,
.c_row .span_3,
.c_row .span_4,
.c_row .span_5,
.c_row .span_6,
.c_row .span_7,
.c_row .span_8,
.c_row .span_9,
.c_row .span_10,
.c_row .span_11,
.c_row .span_12{
	display: block;
	box-sizing: border-box;
}

.c_row .span_1:first-child,
.c_row .span_2:first-child,
.c_row .span_3:first-child,
.c_row .span_4:first-child,
.c_row .span_5:first-child,
.c_row .span_6:first-child,
.c_row .span_7:first-child,
.c_row .span_8:first-child,
.c_row .span_9:first-child,
.c_row .span_10:first-child,
.c_row .span_11:first-child,
.c_row .span_12:first-child{
	margin-left: 0;
}

.msie .c_row .span_1,
.msie .c_row .span_2,
.msie .c_row .span_3,
.msie .c_row .span_4,
.msie .c_row .span_5,
.msie .c_row .span_6,
.msie .c_row .span_7,
.msie .c_row .span_8,
.msie .c_row .span_9,
.msie .c_row .span_10,
.msie .c_row .span_11{
	float: left;
}

/* ============================================
	Padding / Margin
============================================ */

.padT0{padding-top:0px;}
.padT3{padding-top:3px;}
.padT5{padding-top:5px;}
.padT10{padding-top:10px;}
.padT15{padding-top:15px;}
.padT20{padding-top:20px;}
.padT30{padding-top:30px;}
.padT40{padding-top:40px;}
.padT50{padding-top:50px;}

.padB0{padding-bottom:0px;}
.padB3{padding-bottom:3px;}
.padB5{padding-bottom:5px;}
.padB10{padding-bottom:10px;}
.padB15{padding-bottom:15px;}
.padB20{padding-bottom:20px;}
.padB30{padding-bottom:30px;}
.padB40{padding-bottom:40px;}
.padB50{padding-bottom:50px;}

.padL0{padding-left:0px;}
.padL3{padding-left:3px;}
.padL5{padding-left:5px;}
.padL10{padding-left:10px;}
.padL15{padding-left:15px;}
.padL20{padding-left:20px;}
.padL30{padding-left:30px;}
.padL40{padding-left:40px;}
.padL50{padding-left:50px;}

.padR0{padding-right:0px;}
.padR3{padding-right:3px;}
.padR5{padding-right:5px;}
.padR10{padding-right:10px;}
.padR15{padding-right:15px;}
.padR20{padding-right:20px;}
.padR30{padding-right:30px;}
.padR40{padding-right:40px;}
.padR50{padding-right:50px;}

.marT0{margin-top:0px;}
.marT3{margin-top:3px;}
.marT5{margin-top:5px;}
.marT10{margin-top:10px;}
.marT15{margin-top:15px;}
.marT20{margin-top:20px;}
.marT30{margin-top:30px;}
.marT40{margin-top:40px;}
.marT50{margin-top:50px;}

.marB0{margin-bottom:0px;}
.marB3{margin-bottom:3px;}
.marB5{margin-bottom:5px;}
.marB10{margin-bottom:10px;}
.marB15{margin-bottom:15px;}
.marB20{margin-bottom:20px;}
.marB30{margin-bottom:30px;}
.marB40{margin-bottom:40px;}
.marB50{margin-bottom:50px;}

.marL0{margin-left:0px;}
.marL3{margin-left:3px;}
.marL5{margin-left:5px;}
.marL10{margin-left:10px;}
.marL13{margin-left:13px;}
.marL15{margin-left:15px;}
.marL20{margin-left:20px;}
.marL30{margin-left:30px;}
.marL40{margin-left:40px;}
.marL50{margin-left:50px;}

.marR0{margin-right:0px;}
.marR3{margin-right:3px;}
.marR5{margin-right:5px;}
.marR10{margin-right:10px;}
.marR15{margin-right:15px;}
.marR20{margin-right:20px;}
.marR30{margin-right:30px;}
.marR40{margin-right:40px;}
.marR50{margin-right:50px;}

/* ============================================
	Border
============================================ */

.BorderB1px{
	border-bottom:solid 1px #E6E6E6;
}
/* ============================================
	text-align
============================================ */
.alignR{
	text-align:right;
}
.alignC{
	text-align:center;
}

/* ============================================
    2015.07.27 ADD
    button design
============================================ */
@font-face {
  font-family: ClanWeb-Book;
  src: url('/font1/ClanWeb-Book.eot'); /* IE9 Compat Modes */
  src: url('/font1/ClanWeb-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('/font1/ClanWeb-Book.woff') format("WOFF"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.row {
/*  padding-left: 4%;
  padding-right: 4%;*/
  flex-wrap: wrap;
  display: flex;
  overflow: hidden;
  clear: both;
  max-width: 100%;
  /*height: 100%;*/
/*  margin: 0 auto; */
  padding: 0%;
}

.row .col_1of3 {
  width: 31%;
  margin-right: 2%;
  margin-bottom: 5%;
  display: block;
  float: left;
}

.floatL {
  float: left;
}

.linkBtn_03 {
  /*word-break: break-all;*/
    word-break: normal;
  /*word-wrap: break-word;*/
  font-size: 159%;
  font-family: ClanWeb-Book;
  padding: 1em 1em 1em 0em;
}

.linkBtn_03 a {
  text-decoration:none !important;
  width: 115%;
  display: block;
  background: url(/common1/img/icon_arrow_07.png) no-repeat 98% 16px;
  padding: 0.4em 2em 0.4em 0em;
  line-height: 1.0;
}

.sub_title{
/*	word-wrap: normal;
	word-break: normal;*/
  text-align: left;
  font-size: 0.5em;
}


@media only screen and (max-width: 639px) {

/* ============================================
	font-size
============================================ */

body h2 {
	font-size: 133.33%;
}

body h3{
	font-size: 100%;
}
/* ============================================
	base layout
============================================ */
html,body {
	-webkit-text-size-adjust: none;
	padding:0;
	margin:0;
	background-color:#000;
	position:relative;
}
main{
	margin:0;
	/*padding-top:50px;*/
	background-color:#FFF;
}
footer,
#contentsArea {
	width: 100%;
	min-width: 320px;
}

#contentsArea {
    margin-bottom: 0;
}
#wrapper {
	min-width: 100%;
	overflow: visible;
	padding: 34px 0 0;
	-webkit-transition: -webkit-transform 500ms ease;
	-moz-transition: -moz-transform 500ms ease;
	-o-transition: -o-transform 500ms ease;
	transition: transform 500ms ease;
}
#content{
	margin-top: 40px;
	padding:0;
}

/* ============================================
	griddesign
============================================ */

.c_row .span_1.sp_span_12,
.c_row .span_2.sp_span_12,
.c_row .span_3.sp_span_12,
.c_row .span_4.sp_span_12,
.c_row .span_5.sp_span_12,
.c_row .span_6.sp_span_12,
.c_row .span_7.sp_span_12,
.c_row .span_8.sp_span_12,
.c_row .span_9.sp_span_12,
.c_row .span_10.sp_span_12,
.c_row .span_11.sp_span_12,
.c_row .span_12.sp_span_12{
	width: 100%;
	padding:0;
	margin:0;
}

/* ============================================
    2015.07.28 ADD
    button design
============================================ */
.row {
  padding: 0% 0%;
}

.row .col_1of3 {
  margin-right: 0%;
}

.linkBtn_03 {
  word-break: normal;
  font-size: 130%;
  padding: 0.1em;
    padding: 1em 1em 1em 0em;
}

.linkBtn_03 a {
  width: 100%;
  background: url(/common1/img/icon_arrow_07.png) no-repeat 98% 10px;
  padding: 0.4em 0.8em 0.4em 0em;
}

}

/* ============================================
    WYSIWYGエディタ
============================================ */
html > body.WebEditor * >div.c_row ,
html > body.WebEditor * >div.c_row.c_spblock{
	height: auto;
}