/*--------------------------------------------------------------------
   reset
---------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,
header,footer,nav,section,article,aside {  
	margin:0; 
    padding:0;
	} 

body{
	line-height:1;
	-webkit-font-smoothing: none;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    }

table { 
    border-collapse:collapse; 
    border-spacing:0; 
	} 
fieldset,img {  
    border:0; 
	} 
img{
	vertical-align:bottom;
	border:none;
	margin:0;
	padding:0;
	}
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal;
	} 
ol,ul{ 
    list-style:none; 
	} 
caption,th { 
    text-align:left; 
	} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
	} 
hr{
    border:none;
    background:none;
}
    
q:before,q:after { 
	    content:''; 
	} 
abbr,acronym { border:0; 
	} 

/*--------------------------------------------------------------------
   clear
---------------------------------------------------------------------*/
.clearfix:after,
.liCol2:after,
.articleBox:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix,
.liCol2,
.articleBox{
  min-height: 1px;
}

* html .clearfix,
* html .liCol2,
* html .articleBox{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear{clear:both; margin:0 !important; padding:0 !important; height:0 !important; line-height:0 !important;}
.clrOv{overflow:hidden;}

 input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }

/*--------------------------------------------------------------------
   base
---------------------------------------------------------------------*/

/*behavior: url(path/to/pie_files/PIE.htc);*/
html, body{height: 100%;}
body{
  background-color:#F5F5F1;
	text-align:center;
	color:#000;
	font-size:14px;
	font-family: 'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
}
/*.ie body{
    font-family:"ＭＳ Ｐゴシック","MS PGothic",'メイリオ',Meiryo,Sans-Serif;
}*/

.iphone body,
.ipad body,
.ipod body{
	cursor:pointer;
}

a:link{ color:#000; font-weight:bold;}
a:visited{color:#000;}
a:active{color:#000;}
a:hover{color:#000;}
strong{font-weight:bold;}
img{font-size:0; line-height:0;}

.floatright{float:right !important;}
.floatleft{float:left !important;}

.noBorder{border:none !important;}
.noBg{background:none !important;}

.vMiddle{
	vertical-align:middle !important;
	}
p{text-align:left;}
a:hover img,
a:hover{     
	filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}
.clickableSpan {
	text-decoration: none;
	line-height: inherit;
	cursor: pointer;
}
.clickableSpan:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* IE8 */
    html>/**/body a:hover img {
        display /*\**/:inline-block\9;
        zoom /*\**/: 1\9;
    }

*:focus {
	outline: none;
}
#wrapper{
    position:relative;
}

/*中学生(.chu) #wrapper.chu */

/*--------------------------------------------------------------------
   parts
---------------------------------------------------------------------*/


.nowrap{white-space:nowrap;}

.spNav{
	display: none;
}

/*--------------------------------------------------------------------
   header
---------------------------------------------------------------------*/

.spmenu{
    display:none;
}

header{
    background-color:#fff;
}

/*--------------------------------------------------------------------
   ruby関連
---------------------------------------------------------------------*/
@media only screen and (min-device-width: 768px) { 

/* ruby_enabler.css ver 1.0
   last modified @ Nov 14 2012 by tyz@freefielder.jp
   more details -> http://freefielder.jp/ruby_enabler/
   (c)2012 tyz@freefielder.jp
*/

rbc+rtc~rt , rbc+rp+rtc~rt , 
rbc+rp , rtc~rt+rp , rtc+rp{
	font-size:100%;
	display:inline;
}

.win.firefox ruby>rt{font-size:65% !important;}
.mac.safari ruby>rt{font-size:55% !important;}

ruby>rt{    color:#000000 !important;font-size:50% !important; padding:0 !important; line-height:1 !important;}
.ie ruby rt{font-size:60% !important;font-weight:normal !important;}
.safari ruby rt{ling-height:1 !important;}

}
.firefox ruby rp,.firefox ruby rt{display: none;}
.firefox .newsList li{padding-top: 0.5em;}
.ie .newsList li{ 
	padding-bottom: 7px;
}
.chrome .newsList li{
	padding-bottom: 7px !important;
	background-position: 10px 15px;
}

/*Ruby OFF*/
.rubyOff ruby rp,.rubyOff ruby rt{display: none !important;}
.rubyOff .newsList li{
    background-position: 10px 7px;
}
.chrome .rubyOff .newsList li,
.ie .rubyOff .newsList li{
    padding-bottom: 0 !important;
}


/*--------------------------------------------------------------------
--------------------------------------------------------------------
  module
--------------------------------------------------------------------
---------------------------------------------------------------------*/
#contents {
    background-color: #fff;
    padding-bottom: 20px;
		margin-bottom: 20px;
}
#contents.sho {
    border-top: #F93 3px solid;
}
#contents.chu {
    border-top: #38ADE0 3px solid;
}
#contents.other {
    border-top: #42BF42 3px solid;
}

/* section
--------------------------------------------------------------*/
#contents > section{
    padding:0 25px 0;
}

#contents > section section{
    padding:0 10px 0;
}

.copyright #contents > section,
.policy #contents > section,
.press #contents > section,
.reader #contents > section,
.media #contents > section
{
    padding-top:30px;
}
/* title
--------------------------------------------------------------*/
#articleText h1, .titType01{
    border-top:#FF9933 3px solid;
    background:#ffecd9;
    padding:25px 25px;
    overflow:hidden;   
    font-size:2em;
    font-weight:bold;
    line-height:1.2;
    margin-bottom:10px;
}

#articleText h1 span.ico, .titType01 span.ico{
    display:block;
    width:6px;
    float:left;
    margin-right:15px;
    background-color:#ff852b;
    behavior: url(/common/css/PIE.htc);
    position:relative;
}
/*chu*/
.chu #articleText h1, .chu .titType01{
    border-top:#38ADE0 3px solid;
    background:#fff url(/common/images/bg_tit_01_c.png) bottom repeat-x;
}
.chu #articleText h1 span.ico, .chu .titType01 span.ico{
    background-color:#1AB0DF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #73C6ED), color-stop(0.00, #1AB0DF));
    background: -webkit-linear-gradient(#73C6ED, #1AB0DF);
    background: -moz-linear-gradient(#73C6ED, #1AB0DF);
    background: -o-linear-gradient(#73C6ED, #1AB0DF);
    background: -ms-linear-gradient(#73C6ED, #1AB0DF);
    background: linear-gradient(#73C6ED, #1AB0DF);
}
/*other*/
.other #articleText h1, .other .titType01{
    border-top: none;
    background:#fff url(/common/images/bg_tit_01_o.png) bottom repeat-x;
    margin-bottom: 30px;
}
.other #articleText h1 span.ico, .other .titType01 span.ico{
    background-color:#30B31F;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6DCD6D), color-stop(0.00, #30B31F));
    background: -webkit-linear-gradient(#6DCD6D, #30B31F);
    background: -moz-linear-gradient(#6DCD6D, #30B31F);
    background: -o-linear-gradient(#6DCD6D, #30B31F);
    background: -ms-linear-gradient(#6DCD6D, #30B31F);
    background: linear-gradient(#6DCD6D, #30B31F);
}

/*-*/

#articleText h2, .titType02a{
    border-bottom:#F2DE78 2px solid;
    background:url(/common/images/bg_check_yellow.png);
    font-size:1.714em;
    font-weight:bold;
    line-height:1.1;
    padding:9px 20px;   
}

/*chu*/
.chu #articleText h2, .chu .titType02a{
    border-bottom:#97C3D9 2px solid;
    background:url(/common/images/bg_check_blue.png);
}
/*other*/
.other #articleText h2, .other .titType02a{
    border-bottom:#359935 2px solid;
    background:url(/common/images/bg_check_green.png);
    color:#FFFFFF;
}

.webkit .rubyOn #articleText h2.ruby, .webkit .rubyOn .titType02a.ruby{
    padding:22px 20px 9px 20px;
}
.ie9 .rubyOn #articleText h2.ruby, .ie9 .rubyOn .titType02a.ruby{
    padding:0 20px 5px;
}
.win.chrome .rubyOn #articleText h2.ruby, .win.chrome .rubyOn .titType02a.ruby{
    padding-top: 30px;
}
/*-*/

.titType02b{
    border-bottom:#FF9C41 3px dotted;
    background:url(/common/images/ico_tit_fukidashi_01.png) 0 5px no-repeat;
    overflow:hidden;
    padding-bottom:7px;
    padding-left:42px;
    overflow:hidden;
    font-size:1.714em;
    font-weight:bold;
    line-height:1.5;
    text-align:left;
}

/*chu*/
.chu .titType02b{
    border-bottom:#38ADE0 3px dotted;
    background:url(/common/images/ico_chu_tit_fukidashi_01.png) 0 7px no-repeat;
}
/*-*/

.titType02b img{
    float:left;
    margin-right:10px;
    margin-top:3px;
}

.titType02c{
    border-bottom:#F2DE78 1px solid;
    border-left:#F2DE78 5px solid;
    background:url(/common/images/bg_check_yellow.png);
    font-size:1.429em;
    font-weight:bold;
    line-height:1.5;
    text-align:left;
    padding:6px 10em 6px 6px;  
    position:relative;
}
.titType02c span{
    position:absolute;
    bottom:10px;
    right:6px;
    text-align:right;
    font-weight:normal;
    font-size:14px;
}
/*other*/
.other .titType02c{
    border-bottom:#8DC58D 1px solid;
    border-left:#359935 5px solid;
    background:url(/common/images/bg_check_green.png);
    color: #FFFFFF;
}


#articleText h3, .titType03a{
    background:url(/common/images/ico_tit_circle_orange.png) 0 17px no-repeat;
    font-size:1.429em;
    font-weight:bold;
    line-height:1.5;
    text-align:left;
    padding:0 0 0 25px;   
}

/*
.win.webkit #articleText h3, .win.webkit .titType03a{
    background-position: 0 5px;
}
*/

#articleText h3 span, .titType03a span{
    font-size:0.700em;
    font-weight:normal;
    margin-left:1em;    
}

/*chu*/
.chu #articleText h3, .chu .titType03a{
    background:url(/common/images/ico_tit_circle_blue.png) 0 7px no-repeat;
}
/*-*/

/*other*/
.other #articleText h3, .other .titType03a{
    background:url(/common/images/ico_tit_circle_green.png) 0 7px no-repeat;
}
/*-*/
.titType03b{
    font-size:1.429em;
    font-weight:bold;
    line-height:1.5;
    text-align:left;
    color:#FF7F00;
}

/*chu*/
.chu .titType03b{
    color:#009CCC;
}
.other .titType03c{
    background: url(/common/images/bg_titType03b_other.png);
    height: 48px;
    padding: 9px 0 0 28px;
    text-align: center;
    font-weight: bold;
    font-size:1.571em;
    color:#FFFFFF;
    text-shadow: 1px 1px 0 rgba(22,154,47,1);
    margin-right: 28px;
    position: relative;
}

.other .titType03c:after{
    content:url(/common/images/bg_titType03b_foot_other.png);
    position: absolute;
    right:-28px;
    top:0;
    width: 28px;
    height: 48px;
}

.rubyOn #articleText h3.ruby,
.rubyOn .chu #articleText h3.ruby,
.rubyOn .other #articleText h3.ruby,
.rubyOn .titType03a.ruby,
.rubyOn .chu .titType03a.ruby,
.rubyOn .other .titType03a.ruby{
    background-position: 0 19px !important;
    line-height: 1.5;
}

.ie .rubyOn #articleText h3.ruby,
.ie .rubyOn .chu #articleText h3.ruby,
.ie .rubyOn .other #articleText h3.ruby,
.ie .rubyOn .titType03a.ruby,
.ie .rubyOn .chu .titType03a.ruby,
.ie .rubyOn .other .titType03a.ruby{
    background-position: 0 20px !important;
}

.win7.ie9 .rubyOn #articleText h3.ruby,
.win7.ie9 .rubyOn .chu #articleText h3.ruby,
.win7.ie9 .rubyOn .other #articleText h3.ruby,
.win7.ie9 .rubyOn .titType03a.ruby,
.win7.ie9 .rubyOn .chu .titType03a.ruby,
.win7.ie9 .rubyOn .other .titType03a.ruby{
    background-position: 0 28px !important;
}

/*
.win7.ie .rubyOn .titType03a.ruby,
.win7.ie .rubyOn .chu .titType03a.ruby,
.win7.ie .rubyOn .other .titType03a.ruby{
    background-position: 0 25px;
}
.ie .rubyOn .titType03a,
.ie .rubyOn .chu .titType03a,
.ie .rubyOn .other .titType03a{
    background-position: 0 17px;
}
*/
.win.webkit .rubyOn .chu #articleText h3.ruby,
.win.webkit .rubyOn .other #articleText h3.ruby,
.win.webkit .rubyOn .titType03a.ruby,
.win.webkit .rubyOn .chu .titType03a.ruby,
.win.webkit .rubyOn .other .titType03a.ruby{
    background-position: 0 20px !important;
}

.win.webkit .rubyOn #articleText h3.ruby{
    background-position: 0 28px !important;
}

.win.firefox .rubyOn #articleText h3.ruby,
.win.firefox .rubyOn .chu #articleText h3.ruby,
.win.firefox .rubyOn .other #articleText h3.ruby,
.win.firefox .rubyOn .titType03a.ruby,
.win.firefox .rubyOn .chu .titType03a.ruby,
.win.firefox .rubyOn .other .titType03a.ruby{
    background-position: 0 24px;
}
/*-*/

#articleText h4, .titType04{
    background:url(/common/images/ico_tit_square_orange.png) 0 5px no-repeat;
    font-size:1.143em;
    font-weight:bold;
    line-height:1.5;
    text-align:left;
    padding:0 0 0 20px;
    margin-bottom: 5px !important;
}

/*.win.webkit .titType04{
    background-position: 0 19px;
}
.ie10 .titType04,.ie11 .titType04{
    background-position: 0 16px !important;
}*/

/*chu*/
.chu #articleText h4, .chu .titType04{
    background:url(/common/images/ico_tit_square_blue.png) 0 5px no-repeat;
}
.titType04a{
    background:url(/common/images/ico_tit_square_orange.png) 0 5px no-repeat;
    font-size:1.143em;
    font-weight:bold;
    line-height:1.5;
    text-align:left;
    padding:0 0 5px 20px;
    margin-bottom: 10px !important;
    border-bottom:dashed 1px #999999;
}
/*other*/
.other #articleText h4, .other .titType04{
    background:url(/common/images/ico_tit_square_green.png) 0 5px no-repeat;
}
.other .titType04a{
    background:url(/common/images/ico_tit_square_green.png) 0 5px no-repeat;
}

.rubyOn #articleText h4.ruby,
.rubyOn .titType04.ruby,
.rubyOn .titType04a.ruby,
.rubyOn .chu #articleText h4.ruby,
.rubyOn .chu .titType04.ruby,
.rubyOn .chu .titType04a.ruby,
.rubyOn .other #articleText h4.ruby,
.rubyOn .other .titType04.ruby,
.rubyOn .other .titType04a.ruby{
    background-position: 0 14px;
}

.ie .rubyOn #articleText h4.ruby,
.ie .rubyOn .titType04.ruby,
.ie .rubyOn .titType04a.ruby,
.ie .rubyOn .chu #articleText h4.ruby,
.ie .rubyOn .chu .titType04.ruby,
.ie .rubyOn .chu .titType04a.ruby,
.ie .rubyOn .other #articleText h4.ruby,
.ie .rubyOn .other .titType04.ruby,
.ie .rubyOn .other .titType04a.ruby{
    background-position: 0 16px;
}

.ie9 .rubyOn #articleText h4.ruby,
.ie9 .rubyOn .titType04.ruby,
.ie9 .rubyOn .titType04a.ruby,
.ie9 .rubyOn .chu #articleText h4.ruby,
.ie9 .rubyOn .chu .titType04.ruby,
.ie9 .rubyOn .chu .titType04a.ruby,
.ie9 .rubyOn .other #articleText h4.ruby,
.ie9 .rubyOn .other .titType04.ruby,
.ie9 .rubyOn .other .titType04a.ruby{
    background-position: 0 24px;
}

.win.webkit .rubyOn #articleText h4.ruby,
.win.webkit .rubyOn .titType04.ruby,
.win.webkit .rubyOn .titType04a.ruby,
.win.webkit .rubyOn .chu #articleText h4.ruby,
.win.webkit .rubyOn .chu .titType04.ruby,
.win.webkit .rubyOn .chu .titType04a.ruby,
.win.webkit .rubyOn .other #articleText h4.ruby,
.win.webkit .rubyOn .other .titType04.ruby,
.win.webkit .rubyOn .other .titType04a.ruby{
    background-position: 0 17px;
}
/*-*/

#articleText h5, .titType05{
    font-size:1.143em;
    font-weight:bold;
    line-height:1.5;
    text-align:left; 
}

#articleText h6{
    font-size:1em;
    font-weight:bold;
	line-height:1.5;
	text-align:left;
}
/*margin*/
#contents h2,
#contents h3,
#contents h4{
    margin-top:5px;
    margin-bottom:15px;
}

#contents .titType02b{
    margin-bottom:20px;
}

#contents .row .columns h2,
#contents .row .columns h3,
#contents .row .columns h4{
    margin-top:0px;
}

#contents .row .columns .titType03b{
    margin-top:-5px;
}
.columns figure{
    margin-bottom: 20px;
}

#contents figcaption {
	margin: 10px 0 20px;
}

h2 em,
h3 em,
h4 em,
h5 em,
h6 em{
    font-size:0.727em;
    font-weight:bold;
}

/* section section の中の見出し*/
.titMg01{
    margin-left:-10px;    
}

/* txt
--------------------------------------------------------------*/
section p{
    line-height:1.6;
    padding-bottom:25px;
}
#articleText{
    line-height:1.6;
    font-size: 16px;
}

.rubyOn section p:not(.date):not(.capTxt):not(.reporter),.rubyOff section p:not(.date):not(.capTxt):not(.reporter){
    font-size: 16px;
}
.chrome .rubyOn section p.ruby{
    line-height:2.2;
}
.win.chrome .rubyOn section p.ruby{
    line-height:2.6;
}
.safari .rubyOn section p.ruby{
    line-height:2.2;
}

h1 + p{
    padding-top: 5px;
    padding-left: 25px;
}

.rubyOn section p.capTxt,.rubyOff section p.capTxt, p.capTxt{
    font-size:0.714em;
    color:#666;
    padding-top:4px;
    padding-bottom: 0 !important;
}

.rubyOn section p.date,.rubyOff section p.date, p.date{
    margin-top:-10px;
    padding-bottom:0px;
    color:#666;
    text-align:right;
}
.rubyOn section p.reporter,.rubyOff section p.reporter, p.reporter{
    margin-top:0;
    padding-bottom:0px;
    text-align:right;
    font-weight: bold;
}
.strong{font-weight: bold;}
strong.attention{color:#FF0000;}

/* img
--------------------------------------------------------------*/
.imgbox{
    padding-bottom: 20px;
}
.imgBoxR .imgbox{
    padding-bottom: 0;
}

/* box
--------------------------------------------------------------*/
/*round*/
.boxRoundOrange01,
.boxRoundOrange02,
.boxRoundGray01,
.boxRoundGray02,
.boxRoundBlue01{
    margin-bottom:30px;    
}
.boxRoundOrange01{
    background-color:#FFB366;
    border:#FFB366 3px solid;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(/common/css/PIE.htc);
    position:relative;    
}
.boxRoundOrange01 .boxTitle01{
    background-color:#FFB366;
    padding:8px 0 8px 0;
    text-align:center;
    font-size:1.429em;
}

.boxRoundOrange02{
    background:url(/common/images/bg_check_orange2.png);
    border:#FFEBCD 3px solid;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(/common/css/PIE.htc);
    position:relative;
				margin-right:10px;
				margin-left:10px;
}

.boxRoundOrange02 .boxTitle01{
/*     padding:15px 25px 15px; */
    padding:20px 25px 15px;
    text-align:left;  
}

.boxRoundOrange02 .boxTitle01 h3{
    font-size:1.714em !important;  
    color:#995B1E !important;  
}

.boxRoundOrange02 .boxTitle01 p{
    font-size:1.143em;   
    color:#995B1E !important;
    padding-bottom:0 !important;
}

.boxRoundOrange02 p.profileTxt{
    color:#995B1E;
    font-size:0.857em;
    padding:15px 0 15px !important;
}
.boxRoundOrange02 p.linkTxt{
    font-size:0.857em;
    padding:0 0 15px !important;
}
.boxRoundOrange02 p.linkTxt .btnIcoArrow01Orange{
    background-position:5px 3px !important;
}


.boxRoundGray01{
    background-color:#999999;
    border:#999999 3px solid;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(/common/css/PIE.htc);
    position:relative;    
}
.boxRoundGray01 .boxTitle01{
    background-color:#999999;
    padding:8px 0;
    text-align:center;
    font-size:1.286em;
    font-weight:bold;
}
.boxRoundGray02{
    background-color:#f7f7f7;
    border:#e6e6e6 3px solid;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behavior: url(/common/css/PIE.htc);
    position:relative;
    margin-top: 30px;
}

.boxRoundBlue01{
    background-color:#72C3E6;
    border:#72C3E6 3px solid;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(/common/css/PIE.htc);
    position:relative;    
}
.boxRoundBlue01 .boxTitle01{
    background-color:#72C3E6;
    padding:8px 0 8px 0;
    text-align:center;
    font-size:1.429em;
}

.boxTitle01 h2,
.boxTitle01 h3,
.boxTitle01 h4,
.boxTitle01 h5,
.boxTitle01 h6{
    color:#fff;
    font-weight:bold;
    margin-top:0 !important;
    margin-bottom:0 !important;    
}

.boxContents01{
    background-color:#fff;
    padding:10px 15px 10px;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(/common/css/PIE.htc);
    position:relative;      
}

.boxContents02{
    padding:5px 15px 5px;
    border-bottom:#e6e6e6 3px dotted;
}

.boxContents02{
    padding:10px 15px 5px;
    border-bottom:#e6e6e6 3px dotted;
}

.boxContents03{
    padding:0 25px 0;
    border-bottom:#FFEBCD 3px solid;
}

.boxContents01 h2,.boxContents02 h2,
.boxContents01 h3,.boxContents02 h3,
.boxContents01 h4,.boxContents02 h4,
.boxContents01 h5,.boxContents02 h5,
.boxContents01 h6,.boxContents02 h6{
    margin-bottom:5px !important;
    margin-top:0 !important;
}
.boxContents01 h4.titType04,.boxContents02 h4.titType04{
    background-position: 0 5px !important;
}

.ie .boxContents01 h4.titType04,.ie .boxContents02 h4.titType04{
    background-position: 0 7px !important;
}

.boxContents04{
    padding: 0 8px 20px 8px;
}
.boxContents04 li{
    margin-bottom:5px;
}

.borderBox02{
    background-color:#fff;
    border:#B7B7B7 1px dotted;
    padding:10px;
}
.borderImg01{
    border:1px solid #FF9934;
}
.borderImg02{
    border:1px solid #CCCCCC;
}
.h4underBox{
    padding:0 0 5px 18px;
}
/*memo*/
.boxMemoYellow{
    background-color:#FFFCEB;
    border-color:#F7EBAC;
    border-width:2px 2px 2px 28px;
    border-style:solid;
    padding:20px 20px 0;
    position:relative;
    margin-bottom:30px; 
}

.boxMemoYellow span.ring{
    position:absolute;
    top:3px;
    left:-43px;
}

.boxMemoYellow .titMemoYellow{
    margin-top:0 !important;
    margin-bottom:0 !important;
    background:url(/common/images/bg_tit_stripe_yellow_01.png) top left no-repeat;
    padding-left:19px;
    font-size:1.429em;
    font-weight:bold;    
}

.boxMemoYellow p.date{
    margin-top: 0;
    margin-bottom: 5px;
}

/*bottombox*/
.boxBottomColumn01{
    background:url(/common/images/bg_btmbox01_re.png) repeat-y;
    background-size:100% auto;
    margin-bottom:15px;
}
.boxBottomColumn01Top{background:url(/common/images/bg_btmbox01_01_top.png) top no-repeat; background-size:100% auto;}
.boxBottomColumn01Btm{background:url(/common/images/bg_btmbox01_btm.png) bottom no-repeat; background-size:100% auto;}
.boxBottomColumnIn{
    padding:30px 30px 5px;    
}
.titBottomColumn01{
    background:url(/common/images/ico_arrow_orange_sp.png) 0 0 no-repeat;
    padding-left:28px;
    margin-top:0 !important;
    margin-bottom:10px !important;
    font-size:1.571em;
    font-weight:bold;
}

/*chu*/
.chu .boxBottomColumn01{
    background:url(/common/images/bg_btmbox01_chu_re.png) repeat-y;
    background-size:100% auto;
    margin-bottom:15px;
}
.chu .boxBottomColumn01Top{background:url(/common/images/bg_btmbox01_chu_01_top.png) top no-repeat; background-size:100% auto;}
.chu .boxBottomColumn01Btm{background:url(/common/images/bg_btmbox01_chu_btm.png) bottom no-repeat; background-size:100% auto;}
.chu .boxBottomColumnIn{
    padding:30px 30px 5px;    
}
.chu .titBottomColumn01{
    background:url(/common/images/ico_arrow_blue_sp.png) 0 0 no-repeat;
    padding-left:28px;
    margin-top:0 !important;
    margin-bottom:10px !important;
    font-size:1.571em;
    font-weight:bold;
}
/**/

/* linklist
--------------------------------------------------------------*/
/*linklistOr*/
ul.linklistOrange01 li,
ul.linklistOrange02 li{
    background:url(/common/images/ico_linkarrow_01_orange.png) 10px 7px no-repeat;
    padding:0 0 5px 20px;
}

/*linklistBl*/
ul.linklistBlue01 li,
ul.linklistBlue02 li{
    background:url(/common/images/ico_linkarrow_01_blue.png) 10px 7px no-repeat;
    padding:0 0 5px 20px;
}

/*linklistGr*/
ul.linklistGreen01 li,
ul.linklistGreen02 li{
    background:url(/common/images/ico_linkarrow_01_green.png) 10px 7px no-repeat;
    padding:0 0 5px 20px;
}


ul.linklistOrange02 li a,
ul.linklistBlue02 li a,
ul.linklistGreen02 li a,{
    font-weight:normal;
}
/*日付はnormal*/
ul.linklistOrange01 li a span,
ul.linklistBlue01 li a span,
ul.linklistBdOrange01 li a span{
    font-weight: normal;
}

/*ルビ付き*/
.rubyOn ul.linklistOrange01 li.ruby,
.rubyOn ul.linklistOrange02 li.ruby,
.rubyOn ul.linklistBlue01 li.ruby,
.rubyOn ul.linklistBlue02 li.ruby,
.rubyOn ul.linklistGreen01 li.ruby,
.rubyOn ul.linklistGreen02 li.ruby{
    background-position: 10px 15px;
}
.chrome .rubyOn ul.linklistOrange01 li.ruby,
.chrome .rubyOn ul.linklistOrange02 li.ruby,
.chrome .rubyOn ul.linklistBlue01 li.ruby,
.chrome .rubyOn ul.linklistBlue02 li.ruby,
.chrome .rubyOn ul.linklistGreen01 li.ruby,
.chrome .rubyOn ul.linklistGreen02 li.ruby,

.win.safari .rubyOn ul.linklistOrange01 li.ruby,
.win.safari .rubyOn ul.linklistOrange02 li.ruby,
.win.safari .rubyOn ul.linklistBlue01 li.ruby,
.win.safari .rubyOn ul.linklistBlue02 li.ruby,
.win.safari .rubyOn ul.linklistGreen01 li.ruby,
.win.safari .rubyOn ul.linklistGreen02 li.ruby{
    background-position: 10px 16px;
}
.safari .rubyOn ul.linklistOrange01 li.ruby,
.safari .rubyOn ul.linklistOrange02 li.ruby,
.safari .rubyOn ul.linklistBlue01 li.ruby,
.safari .rubyOn ul.linklistBlue02 li.ruby,
.safari .rubyOn ul.linklistGreen01 li.ruby,
.safari .rubyOn ul.linklistGreen02 li.ruby{
    background-position: 10px 14px;
}
.ie9 .rubyOn ul.linklistOrange01 li.ruby,
.ie9 .rubyOn ul.linklistOrange02 li.ruby,
.ie9 .rubyOn ul.linklistBlue01 li.ruby,
.ie9 .rubyOn ul.linklistBlue02 li.ruby,
.ie9 .rubyOn ul.linklistGreen01 li.ruby,
.ie9 .rubyOn ul.linklistGreen02 li.ruby{
    background-position: 10px 21px;
}

/*下線付き*/
ul.linklistBdOrange01 li{
    background:url(/common/images/ico_linkarrow_01_orange.png) 10px 17px no-repeat;
    padding:10px 0 10px 20px;
    border-bottom:#FFB366 1px solid;
    margin:0 !important; 
}
/*2列*/
ul.linklist2columsGreen01 li{
    width:50%;
    float:left;
    font-weight: bold;
    background:url(/common/images/ico_linkarrow_01_green.png) 10px 7px no-repeat;
    padding:0 0 2px 20px;
}

/*3列*/

ul.linklist3columsOrange01 li{
    border-bottom:#FFB366 1px solid;
    margin:0 !important; 
}

ul.linklist3columsOrange01 li .five{
    border-left:#ffb366 1px dotted;
}

ul.linklist3columsOrange01 li div{
    padding:10px 0px 10px 0;
}

ul.linklist3columsOrange01 li div a{
    display:block;
    background:url(/common/images/ico_linkarrow_01_orange.png) 10px 7px no-repeat;
    padding:0 0 2px 20px;
    margin-left:15px;
}

ul.linklist3columsOrange01 li div span{
    margin-left:15px;
}

/* listTtpe
--------------------------------------------------------------*/
ul.listType02{
    margin: 0;
    padding: 0;
}
ul.listType02 li{
    margin-left: 1em;
    list-style-type: disc;
}
ul.listType03{
    margin: 0;
    padding: 0;
}
ul.listType03 li{
    margin-bottom: 10px;
}
ul.listType03 li:before{
    content: '● ';
    color: #A5DDE5;
}

/* hr
--------------------------------------------------------------*/
hr.lineGray01{
    border-bottom:#e6e6e6 3px dotted;
}
hr.lineYellow01{
    border-bottom:#F2E091 3px dotted;
}

/* btn
--------------------------------------------------------------*/
/*申込み*/

ul li.btnTakuhaiS{}
ul li.btnKaigaiS{}

/*コーナー別*/
ul.listType01 li{ margin-bottom:10px;}
.ie8 ul.listType01 li{ margin-bottom:10px;}

.btnBgGray01,
.btnBgOrange01,
.btnBgBlue01,
.btnBgGreen01{
    display:inline-block;
    padding:5px 15px 5px 10px;
    border-style:solid;
    border-width:1px;
    border-radius:15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    behavior: url(/common/css/PIE.htc);
    position:relative;   
}

.btnBgGray02,
.btnBgOrange02,
.btnBgBlue02,
.btnBgGreen02{
    display:inline-block;
    padding:5px 15px 5px 10px;
    border-style:solid;
    border-width:2px;
    border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    behavior: url(/common/css/PIE.htc);
    position:relative;   
}

.btnBgGray01,
.btnBgGray02{
    border-color:#ccc;
    background-color:#E6E6E6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E6E6E6), color-stop(0.01, #fff));
    background: -webkit-linear-gradient(top, #fff 1%, #E6E6E6 100%);
    background: -moz-linear-gradient(top, #fff 1%, #E6E6E6 100%);
    background: -o-linear-gradient(top, #fff 1%, #E6E6E6 100%);
    background: -ms-linear-gradient(top, #fff 1%, #E6E6E6 100%);
    background: linear-gradient(to bottom, #fff 1%, #E6E6E6 100%);
}
.btnBgOrange01,
.btnBgOrange02{
    border-color:#FF8328;
    background-color:#FF8328;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FF8328), color-stop(0.01, #FFBF7F));
    background: -webkit-linear-gradient(top, #FFBF7F 1%, #FF8328 100%);
    background: -moz-linear-gradient(top, #FFBF7F 1%, #FF8328 100%);
    background: -o-linear-gradient(top, #FFBF7F 1%, #FF8328 100%);
    background: -ms-linear-gradient(top, #FFBF7F 1%, #FF8328 100%);
    background: linear-gradient(to bottom, #FFBF7F 1%, #FF8328 100%);
    cursor: pointer;
}

.btnBgBlue01,
.btnBgBlue02{
    border-color:#00A6CC;
    background-color:#009ECB;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #009ECB), color-stop(0.00, #71CEF0));
    background: -webkit-linear-gradient(#71CEF0, #009ECB);
    background: -moz-linear-gradient(#71CEF0, #009ECB);
    background: -o-linear-gradient(#71CEF0, #009ECB);
    background: -ms-linear-gradient(#71CEF0, #009ECB);
    background: linear-gradient(#71CEF0, #009ECB);
    cursor: pointer;
}
.btnBgGreen01,
.btnBgGreen02{
    border-color:#00B61D;
    background-color:#00B61D;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #00B61D), color-stop(0.01, #7DDB88));
    background: -webkit-linear-gradient(top, #7DDB88 1%, #00B61D 100%);
    background: -moz-linear-gradient(top, #7DDB88 1%, #00B61D 100%);
    background: -o-linear-gradient(top, #7DDB88 1%, #00B61D 100%);
    background: -ms-linear-gradient(top, #7DDB88 1%, #00B61D 100%);
    background: linear-gradient(to bottom, #7DDB88 1%, #00B61D 100%);
    cursor: pointer;
}

.btnIcoArrow01Orange,
.btnIcoArrow01Blue,
.btnIcoArrow01Green,
.btnIcoArrow01Orange_a,
.btnIcoArrow01Blue_a,
.btnIcoArrow01Green_a{ 
    display:inline-block;
    padding:1px 0 0 15px;
    background-position:5px 5px;
    background-repeat:no-repeat;
    line-height:1.1 !important; 
}

.btnIcoArrow01Orange,.btnIcoArrow01Orange_a{background-image:url(/common/images/ico_linkarrow_01_orange.png);}
.btnIcoArrow01Blue,.btnIcoArrow01Blue_a{background-image:url(/common/images/ico_linkarrow_01_blue.png);}
.btnIcoArrow01Green,.btnIcoArrow01Green_a{background-image:url(/common/images/ico_linkarrow_01_green.png);}

.mac.safari .btnIcoArrow01Orange,
.mac.safari .btnIcoArrow01Blue,
.mac.safari .btnIcoArrow01Green{
    background-position:5px 4px;
}

.mac.chrome .btnIcoArrow01Orange,
.mac.chrome .btnIcoArrow01Blue,
.mac.chrome .btnIcoArrow01Green{
    background-position:5px 4px;
}

.safari .btnIcoArrow01Orange.ico,
.safari .btnIcoArrow01Blue.ico,
.safari .btnIcoArrow01Green.ico{ 
    background-position:5px 6px;
}
.firefox .btnIcoArrow01Orange.ico,
.firefox .btnIcoArrow01Blue.ico,
.firefox .btnIcoArrow01Green.ico{ 
    background-position:5px 6px;
}
.win.chrome .btnIcoArrow01Orange.ico,
.win.chrome .btnIcoArrow01Blue.ico,
.win.chrome .btnIcoArrow01Green.ico{ 
    background-position:5px 6px;
}

.btnIcoArrow01Orange_a,
.btnIcoArrow01Blue_a,
.btnIcoArrow01Green_a{
    line-height:1.6 !important;
    background-position:5px 8px;
}
.mac.safari .btnIcoArrow01Orange_a,
.mac.safari .btnIcoArrow01Blue_a,
.mac.safari .btnIcoArrow01Green_a,
.mac.chrome .btnIcoArrow01Orange_a,
.mac.chrome .btnIcoArrow01Blue_a,
.mac.chrome .btnIcoArrow01Green_a{
    background-position:5px 7px;
}

.btnIcoArrow02Orange,
.btnIcoArrow02Blue,
.btnIcoArrow02Green{
    display:inline-block;
    padding:0 0 0 16px;
    /*background-color:#fff;*/
    /*background-position:3px 5px;*/
    background-position:0 1px;
    background-repeat:no-repeat;
    line-height:1.1 !important;
}

.btnIcoArrow02Orange{background-image:url(/common/images/ico_linkarrow_02_orange.png);}
.btnIcoArrow02Blue{background-image:url(/common/images/ico_linkarrow_02_blue.png);}
.btnIcoArrow02Green{background-image:url(/common/images/ico_linkarrow_02_green.png);}

.btnBgGray01 .btnIcoArrow02Orange,
.btnBgGray01 .btnIcoArrow02Blue,
.btnBgGray01 .btnIcoArrow02Green{
    background-color:transparent;
}
.mac.safari .btnIcoArrow02Orange,
.mac.safari .btnIcoArrow02Blue,
.mac.safari .btnIcoArrow02Green{
    background-position:0 0;
}
.mac.chrome .btnIcoArrow02Orange,
.mac.chrome .btnIcoArrow02Blue,
.mac.chrome .btnIcoArrow02Green{
    background-position:0 0;
}

/* 150201追加 */
.btnIcoArrow02Green.font16{
    background-position: 0 0;
}
.firefox .btnIcoArrow02Green.font16,
.mac.webkit .btnIcoArrow02Green.font16{
    background-position: 0 1px;
}
/**/

.btnIcoArrow03Orange,
.btnIcoArrow03Blue,
.btnIcoArrow03Green{
    display:inline-block;
    padding:3px 0 2px 25px;
    background-color:#fff;
    background-position:0 4px;
    background-repeat:no-repeat; 
    line-height:1.1 !important;
    font-size:1.571em;
}

.btnIcoArrow03Orange{background-image:url(/common/images/ico_linkarrow_03_orange.png);}
.btnIcoArrow03Blue{background-image:url(/common/images/ico_linkarrow_03_blue.png);}
.btnIcoArrow03Green{background-image:url(/common/images/ico_linkarrow_03_green.png);}

.ie8 .btnIcoArrow03Orange,
.ie8 .btnIcoArrow03Blue,
.ie8 .btnIcoArrow03Green{
    background-position:0 3px;
}
.firefox .btnIcoArrow03Orange,
.firefox .btnIcoArrow03Blue,
.firefox .btnIcoArrow03Green{
    background-position:0 3px;
}
.safari .btnIcoArrow03Orange,
.safari .btnIcoArrow03Blue,
.safari .btnIcoArrow03Green{
    background-position:0 3px;
}
.chrome .btnIcoArrow03Orange,
.chrome .btnIcoArrow03Blue,
.chrome .btnIcoArrow03Green{
    background-position:0 3px;
}
.win.chrome .btnIcoArrow03Orange,
.win.chrome .btnIcoArrow03Blue,
.win.chrome .btnIcoArrow03Green{
    background-position:0 1px;
}
.win.firefox .btnIcoArrow03Orange,
.win.firefox .btnIcoArrow03Blue,
.win.firefox .btnIcoArrow03Green{
    background-position:0 2px;
}

.btnIcoArrow03Orange span,
.btnIcoArrow03Blue span,
.btnIcoArrow03Green span{
    font-size:0.727em;
    font-weight: normal;
}

.ie8 .btnIcoArrow01Orange a:hover,
.ie8 .btnIcoArrow01Blue a:hover,
.ie8 .btnIcoArrow01Green a:hover,
.ie8 .btnIcoArrow02Orange a:hover,
.ie8 .btnIcoArrow02Blue a:hover,
.ie8 .btnIcoArrow02Green a:hover,
.ie8 .btnIcoArrow03Orange a:hover,
.ie8 .btnIcoArrow03Blue a:hover,
.ie8 .btnIcoArrow03Green a:hover{
    color:#666;
}

.btnIcoArrow04Orange,
.btnIcoArrow04Blue,
.btnIcoArrow04Green{
    display:block;
    padding:3px 10px 2px 25px;
    background-position:0 2px;
    background-repeat:no-repeat;
    color:#fff !important;
    line-height:1.1 !important; 
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
}

.btnIcoArrow04Orange{background-image:url(/common/images/ico_linkarrow_04_orange.png);}
.btnIcoArrow04Blue{background-image:url(/common/images/ico_linkarrow_04_blue.png);}
.btnIcoArrow04Green{background-image:url(/common/images/ico_linkarrow_04_green.png);}
.btnIcoArrow04GreenBack{background-image:url(/common/images/ico_linkarrow_04_green_back.png);}

.ie8 .btnIcoArrow04Orange,
.ie8 .btnIcoArrow04Blue,
.ie8 .btnIcoArrow04Green{
    padding:3px 10px 2px 25px;
}

.ie8 .btnIcoArrow04Orange:hover,
.ie8 .btnIcoArrow04Blue:hover,
.ie8 .btnIcoArrow04Green:hover{
    padding:3px 10px 2px 25px;
}

.btnIcoArrow05Orange,
.btnIcoArrow05Blue,
.btnIcoArrow05Green{
    display:block;
    padding:4px 15px 2px 35px;
    background-position:0 2px;
    background-repeat:no-repeat;
    color:#fff !important;
    line-height:1.1 !important;
    font-size:1.286em;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
}

.btnIcoArrow05Orange{background-image:url(/common/images/ico_linkarrow_05_orange.png);}
.btnIcoArrow05Blue{background-image:url(/common/images/ico_linkarrow_05_blue.png);}
.btnIcoArrow05Green{background-image:url(/common/images/ico_linkarrow_05_green.png);}

.firefox .btnIcoArrow05Orange,
.firefox .btnIcoArrow05Blue,
.firefox .btnIcoArrow05Green{
    padding:3px 15px 3px 35px;
}

/*
.ie8 .btnIcoArrow05Green{
    padding:4px 15px 2px 35px;
}
.ie8 .btnIcoArrow05Green:hover{
    padding:3px 15px 3px 35px;
}
*/

.btnIcoArrow06Orange,
.btnIcoArrow06Blue,
.btnIcoArrow06Green{
    display:block;
    padding:4px 15px 2px 35px;
    background-position:0 2px;
    background-repeat:no-repeat;
    line-height:1.1 !important;
    font-size:1.286em;
}

.btnIcoArrow06Orange{background-image:url(/common/images/ico_linkarrow_03_orange.png);}
.btnIcoArrow06Blue{background-image:url(/common/images/ico_linkarrow_03_blue.png);}
.btnIcoArrow06Green{background-image:url(/common/images/ico_linkarrow_03_green.png);}

.firefox .btnIcoArrow06Orange,
.firefox .btnIcoArrow06Blue,
.firefox .btnIcoArrow06Green{
    padding:3px 15px 3px 35px;
}

.btnIcoBack01Orange,
.btnIcoBack01Blue,
.btnIcoBack01Green{
    display:block;
    padding:0 10px 0 30px;
    background-position:0 4px;
    background-repeat:no-repeat;
    line-height:1.1 !important;
    letter-spacing:1em;     
}

.btnIcoBack01Orange{background-image:url(/common/images/ico_linkbak_01_orange.png);}
.btnIcoBack01Blue{background-image:url(/common/images/ico_linkbak_01_blue.png);}
.btnIcoBack01Green{background-image:url(/common/images/ico_linkbak_01_green.png);}

.btnIcoSample01{
    display:block;
    padding:2px 10px 2px 25px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-image:url(/common/images/ico_linksample_01.png);
    line-height:1.1 !important; 
    color:#fff !important;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
}

.ie8 .btnIcoSample01:hover{
    padding:1px 10px 3px 25px;
}

.ie8 .btnBgGray01 a,
.ie8 .btnBgGray02 a,
.ie8 .btnBgGray01 a:hover,
.ie8 .btnBgGray02 a:hover{background-color:#e6e6e6 !important; }
.ie8 .btnBgOrange01 a,
.ie8 .btnBgOrange02 a,
.ie8 .btnBgOrange01 a:hover,
.ie8 .btnBgOrange02 a:hover{background-color:#FF8328 !important;}
.ie8 .btnBgBlue01 a,
.ie8 .btnBgBlue02 a,
.ie8 .btnBgBlue01 a:hover,
.ie8 .btnBgBlue02 a:hover{background-color:#009ECB !important;}
.ie8 .btnBgGreen01 a,
.ie8 .btnBgGreen02 a,
.ie8 .btnBgGreen01 a:hover,
.ie8 .btnBgGreen02 a:hover{background-color:#00B61D !important;}

/* linkIcon*/
a .icoPdf{
    margin-left:2px;
}


/* pinnapBox
--------------------------------------------------------------*/
.pinnapBox{
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.55);
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    behavior: url(/common/css/PIE.htc);
    position:relative;
    margin-bottom:20px;
    padding:5px 0;
}

.pinnapBox.blue{background-color:#EBF9FF;}
.pinnapBox.yellow{background-color:#FFFCEB;}
.pinnapBox.green{background-color:#F4FFED;}
.pinnapBox.pink{background-color:#FFF0F6;}

.pinnapBox .pinnapBoxIn{
    padding-top:15px;
}

.pinnapBox.blue .pinnapBoxIn{
    border-top:#BCDBEB 2px solid;
    border-bottom:#BCDBEB 2px solid;    
}
.pinnapBox.yellow .pinnapBoxIn{
    border-top:#EADFAE 2px solid;
    border-bottom:#EADFAE 2px solid;    
}
.pinnapBox.green .pinnapBoxIn{
    border-top:#CBEBBC 2px solid;
    border-bottom:#CBEBBC 2px solid;    
}
.pinnapBox.pink .pinnapBoxIn{
    border-top:#F2CDDA 2px solid;
    border-bottom:#F2CDDA 2px solid;    
}

.pinnapBox .titPinnap{
    margin-left:25px;
    margin-bottom:15px;
    padding-left:10px;
    text-align:left;
    font-size:1.429em;
    font-weight:bold;
}

.pinnapBox.blue .titPinnap{border-left:#BCDBEB 10px solid;}
.pinnapBox.yellow .titPinnap{border-left:#EADFAE 10px solid;}
.pinnapBox.green .titPinnap{border-left:#CBEBBC 10px solid;}
.pinnapBox.pink .titPinnap{border-left:#F2CDDA 10px solid;}


.pinnapBox p{
    padding-left:25px;
    padding-right:25px;
}

.pinnapBox .icoPinL{
    width:18px;
    height:19px;
    display:block;
    position:absolute;
    left:0;
    top:-5px;
}

.pinnapBox .icoPinR{
    width:18px;
    height:19px;
    display:block;
    position:absolute;
    right:0;
    top:-5px;
}
.pinnapBox.blue .icoPinL{background:url(/common/images/ico_pin_blue_01.png) 0 0 no-repeat;}
.pinnapBox.blue .icoPinR{background:url(/common/images/ico_pin_blue_02.png) 0 0 no-repeat;}
.pinnapBox.yellow .icoPinL{background:url(/common/images/ico_pin_yellow_01.png) 0 0 no-repeat;}
.pinnapBox.yellow .icoPinR{background:url(/common/images/ico_pin_yellow_02.png) 0 0 no-repeat;}
.pinnapBox.green .icoPinL{background:url(/common/images/ico_pin_green_01.png) 0 0 no-repeat;}
.pinnapBox.green .icoPinR{background:url(/common/images/ico_pin_green_02.png) 0 0 no-repeat;}
.pinnapBox.pink .icoPinL{background:url(/common/images/ico_pin_pink_01.png) 0 0 no-repeat;}
.pinnapBox.pink .icoPinR{background:url(/common/images/ico_pin_pink_02.png) 0 0 no-repeat;}

/* table
--------------------------------------------------------------*/
table.tableType01{
    border-top:#999999 1px solid;
    border-bottom:#999999 1px solid;
    box-sizing:border-box;
    margin-bottom:0;
    width:100%;
    background-color:#fafafa;
    text-align:left;
    line-height:1.4;
}

table.tableType01 th{
    width:30%;
    vertical-align:top;
    background-color:#F2F1EF;
    border-bottom:#999999 1px dashed;
    padding:10px 16px;
    font-weight:bold;
}

table.tableType01 th span{
    color:#ff0000;    
}
table.tableType01 td{
    border-bottom:#999999 1px dashed;
    padding:10px 16px;
}
/*type02*/
table.tableType02{
    border-top:#42BF42 1px solid;
    border-bottom:#42BF42 1px solid;
    box-sizing:border-box;
    margin-bottom:0;
    width:100%;
    background-color:#fafafa;
    text-align:left;
    line-height:1.4;
}

table.tableType02 th{
    width:20%;
    vertical-align:top;
    background-color:#F2F1EF;
    border-bottom:#999999 1px dashed;
    padding:20px 28px;
    font-weight:bold;
}
table.th25p th{
    width:25%;
}
table.th30p th{
    width:30%;
}

table.tableType02 td{
    border-bottom:#999999 1px dashed;
    padding:10px 16px;
}

table.tableType02 td p,
table.tableType02 td p{
    padding-bottom:0;
}


/* kaiwa
--------------------------------------------------------------*/
.name01{font-weight:bold; margin-right:1.5em;  color:#E500E5;}
.name02{font-weight:bold; margin-right:1.5em;  color:#FF6600;}
.name03{font-weight:bold; margin-right:1.5em;  color:#0052FF;}


/* QandA
--------------------------------------------------------------*/
.qalist{
    margint:5px;
    text-align:left;  
}

.qalist dt{    
	float:left;
    clear: left;
    width:2em;
    font-weight:bold;
    padding-bottom:20px;
}
.qalist dt.q,.qalist dd span.q{color:#0044CC;font-weight: bold;}
.qalist dt.a,.qalist dd span.a{color:#FF0000;font-weight: bold;}
.qalist dd {
    margin-left:2em; 
    padding-bottom:20px;
}


/* pdflinkBox
--------------------------------------------------------------*/
.pdflinkBox{
    background:url(/common/images/bg_check_gray.png);
    padding:12px;
}

.pdflinkBox img{
    margin-bottom:12px;
}

/* point
--------------------------------------------------------------*/
.pointTit01,
.pointTit02,
.pointTit03,
.pointTit04,
.pointTit05{
    width:380px;
    height:56px;
    padding:20px 0 0 80px;
    text-align:left;
    font-size:24px;
    line-height:34px;
    font-weight:normal;
    margin-bottom:0 !important;
}
.pointTit01 span,
.pointTit02 span,
.pointTit03 span,
.pointTit04 span,
.pointTit05 span{
    font-size:12px;
}

.pointTit01{background:url(/common/images/bg_point_01.png) 0 0 no-repeat;}
.pointTit02{background:url(/common/images/bg_point_02.png) 0 0 no-repeat;}
.pointTit03{background:url(/common/images/bg_point_03.png) 0 0 no-repeat;}
.pointTit04{background:url(/common/images/bg_point_04.png) 0 0 no-repeat;}
.pointTit05{background:url(/common/images/bg_point_05.png) 0 0 no-repeat;}

.pointTit01 + p,
.pointTit02 + p,
.pointTit03 + p,
.pointTit04 + p,
.pointTit05 + p{
    padding:5px 15px 5px 10px !important;
}

/* socialbtn
--------------------------------------------------------------*/
#snsArea{
    margin:2px 0 20px;
    padding-right: 25px;
}
.facebook{
    
    margin-right: 10px;
    float: right;
}

.twitter {
    float: right;
    width: 105px !important;
    margin-right: -18px;
    overflow: hidden;
}

.rubyBtn + #snsArea{
    margin-top: -24px;
}
.rubyBtn{
    font-size: 12px;
    padding-left: 25px;
}

/* articleList
--------------------------------------------------------------*/
.articleList{
    border-top:#FF9C41 1px solid;
    border-bottom:#FF9C41 1px solid;
}

.articleList dl{
    border-top:#999999 1px dashed;
    background-color:#FFFCED;
    display:table;
    width:100%;
}
.articleList dl:first-child {
    border-top: none;
}

.articleList dl.last{
    border-bottom:#FF9C41 1px solid;    
}

.articleList dt{
    background-color:#FFF9D9;
    display:table-cell;
    width:38%;
    height:100%;
}

.articleList dt span{
    display:block;
    margin:12px 20px;
}

.articleList dd{
}

.articleList dd ul{
    margin:12px 20px;
}

/*chu*/
.chu .articleList{border-top:#17AFDF 1px solid;border-bottom:#17AFDF 1px solid;}
.chu .articleList dl{background-color:#F2FBFF;}
.chu .articleList dl.last{border-bottom:#17AFDF 1px solid;}
.chu .articleList dt{background-color:#E0F6FF;}
/*-*/

/*other*/
.other .articleList{border-top:#42BF42 1px solid;border-bottom:#42BF42 1px solid;}
.other .articleList dl{background-color:#FAFAFA;}
.other .articleList dl.last{border-bottom:#42BF42 1px solid;}
.other .articleList dt{background-color:#E0F6FF;}
.other .articleList dt.grayDt {background-color:#F2F1EF;}
.other .articleList dd{margin:15px 20px;}

.rubyOn .articleList .titType04{
    background-position: 0 5px !important;
}
/*-*/


/* form
--------------------------------------------------------------*/
.formArea{
    padding-top:30px;
}

.formArea table{
    border-top:#42BF42 1px solid;
    border-bottom:#42BF42 1px solid;
    box-sizing:border-box;
    margin-bottom:20px;
    width:100%;
    background-color:#fafafa;
    text-align:left;
    line-height:1.4;
}
#QuestForm table {
	table-layout: fixed;
}

.formArea table th{
    width:35%;
    vertical-align:top;
    background-color:#F2F1EF;
    border-bottom:#999999 1px dashed;
    padding:10px 16px;
    font-weight:bold;
}

/*
 .formArea table{
    border-top:#ff9c41 1px solid;
    border-bottom:#ff9c41 1px solid;
    box-sizing:border-box;
    margin-bottom:20px;
    width:100%;
    background-color:#fffced;
    text-align:left;
    line-height:1.4;
}

.formArea table th{
    width:35%;
    vertical-align:top;
    background-color:#fff9d9;
    border-bottom:#999999 1px dashed;
    padding:10px 16px;
    font-weight:bold;
}

*/
.sho .formArea table{
	border-top: #F93 1px solid;
	border-bottom: #F93 1px solid;
	background-color: #FFF9F2;
}

.sho .formArea table th{
	background-color: #FFECD9;
}

.chu .formArea table{
    border-top:#17afdf 1px solid;
    border-bottom:#17afdf 1px solid;
    background-color:#f2fbff;
}

.chu .formArea table th{
    background-color:#e0f6ff;
}

.other .formArea table{
    border-top:#42BF42 1px solid;
    border-bottom:#42BF42 1px solid;
    background-color:#fafafa;
}

.other .formArea table th{
    background-color:#F2F1EF;
}

.formArea table th span{
    color:#ff0000;    
}
.formArea table th span.titType04{
    color: #333;
}
.formArea table td{
    border-bottom:#999999 1px dashed;
    padding:10px 16px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.formArea table td p{
    padding-bottom:0;
}

.formArea table td p.error, span.error {
    font-size:0.857em;
    color:#cc0000;
    padding-bottom:5px;    
}

.formArea table td input[type="text"],
.formArea table td input[type="password"],
.formArea table td textarea{
    width:100%;
    padding:5px;
}

.formArea table td textarea{
    height:10em;
}
.formArea table td input[type="radio"]{
    margin-right:0.4em;
}
.formArea p.formBtmTxt{
    text-align:center;
    font-size:0.857em;
    color:#cc0000;
}

/* static parts
--------------------------------------------------------------*/
/*fontsize*/
.font10{font-size:0.714em;}
.font12{font-size:0.857em;}
.font14{font-size:1em;}
.font16{font-size:1.143em;}
.font18{font-size:1.286em;}

/*margin*/
.m0{margin:0 !important;}
.m05{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}

.mt0{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}

.mr0{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}

.mb0{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

.ml0{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}

/*padding*/
.p0{padding:0 !important;}
.p05{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}

.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}

/*width*/
.w0{width:0px !important;}
.w50{width:50px !important;}
.w100{width:100px !important;}
.w150{width:150px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w350{width:350px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w550{width:550px !important;}
.w600{width:600px !important;}
.w650{width:650px !important;}
.w700{width:700px !important;}

.w10p{width:10% !important;}
.w20p{width:20% !important;}
.w30p{width:30% !important;}
.w40p{width:40% !important;}
.w50p{width:50% !important;}
.w60p{width:60% !important;}
.w70p{width:70% !important;}
.w80p{width:80% !important;}
.w90p{width:90% !important;}

/*center*/
.boxCenter{
    margin-left:auto !important;
    margin-right:auto !important;
}

/*textalign*/
.textright{text-align:right !important; display:block;}
.textcenter{text-align:center !important; display:block;}
.textleft{text-align:left !important; display:block;}

/*fontstyle*/
.txtNomal{font-weight:normal !important;}
.txtBold{font-weight: bold;}

/*fontsize (1em-14px)*/
.txtSmall{font-size:0.857em;}

/*textcolor*/
.color01{
    color: #CC0000;
}

/*linkstyle*/

a.txtDecoLine01{
    text-decoration:underline;
}

/*list*/
ul.listStyle01 li{
    list-style-type: disc;
    margin-left: 1em;
}

/*--------------------------------------------------------------------
   TAG
---------------------------------------------------------------------*/
.tagBox{
    border-top: 3px dotted #e6e6e6;
    border-bottom: 3px dotted #e6e6e6;
    padding: 13px 7px;
}
.tagBox.row{
    margin: 0 0 15px 0;
}
.tagBox h3{
    float: left;
    width: 60px;
    margin: 0 20px 0 0 !important;
}
.tagBox h3 span{
    display: block;
    text-align: center;
    color: #999;
    background-color: #E6E6E6;
    padding: 5px;
    line-height: 1;
    border-radius: 15px;
}
.tagBox ul{
    margin-left: 80px;
}
.tagBox ul li{
    display: inline-block;
    margin: 5px 20px 5px 0;
    line-height: 1;
}
.tagBox ul li a{
    font-weight: normal;
    text-decoration: underline;
}

/*--------------------------------------------------------------------
   ニュースでジャンケンポン
---------------------------------------------------------------------*/
.reporterName{
    font-weight: bold;
    margin-right: 1em;
}
p.iconJan{
    background: url('/jkp/images/icon_jan.png') no-repeat;
}
p.iconKen{
    background: url('/jkp/images/icon_ken.png') no-repeat;
}
p.iconPon{
    background: url('/jkp/images/icon_pon.png') no-repeat;
}
p.iconJan,p.iconKen,p.iconPon{
    padding: 10px 0 25px 43px;
    margin-top: -11px;
}
h3 + p.iconJan,h3 + p.iconKen,h3 + p.iconPon,
div.row + p.iconJan,div.row + p.iconKen,div.row + p.iconPon{
    margin-top: 0;
}

.attRuby{
    text-align: right;
    color: #CC0000;
    padding: 50px 0 0 0;
}
.btnBox{
    border-top:#e6e6e6 3px dotted;
    border-bottom:#e6e6e6 3px dotted;
    text-align: center;
    padding: 18px 0;
}
.btnBox span{
    margin-right: 20px;
}
.btnBox span:last-child{
    margin-right: 0;
}

/*運動クラブ*/
.movieTn01 li{
    padding-bottom: 15px !important;
    position: relative;
}
.movieTn01 li span{
    display: block;
    padding: 5px;
    background-color: #FFB45F;
    font-size:0.857em;
    line-height: 1.2;
}
.movieMaskBtn{
    display:block;
    position: absolute;
    z-index: 2;
    background: url(/common/images/ico_play.png) no-repeat center center;
    width:130px;
    height: 110px;
    top:0;
    left:8px;
}

/*遊んでアーティスト*/
.asonde .imgbox span{
    position:absolute;
    right:0;
    bottom:0;
    width:30px;
    height:30px;
    display:block;
}

/*--------------------------------------------------------------------
   コーナー紹介
---------------------------------------------------------------------*/
/*news*/
.introduction .news h2{
    background-image: url(/images/title_article_news.png);
}

/*chu*/
.chu .introduction .news h2{
    background-image: url(/images/title_article2_news.png);
}
/**/
.introduction .news .articleBox{
    background-image: url(/images/bg_article_news01.png),url(/images/bg_article_news02.png);
    -pie-background: url(/images/bg_article_news01.png) repeat-x,url(/images/bg_article_news02.png) repeat;
    behavior: url(/common/css/PIE.htc);
}
.introduction .news .articleBox .text{
    background-image: url(/images/bg_article_news03.png);
    background-color: #F4F0FF;
}
/*study*/
.introduction .study h2{
    background-image: url(/images/title_article_study.png);
}
/*chu*/
.chu .introduction .study h2{
    background-image: url(/images/title_article2_study.png);
}
/**/
.introduction .study .articleBox{
    background-image: url(/images/bg_article_study01.png),url(/images/bg_article_study02.png);
    -pie-background: url(/images/bg_article_study01.png) repeat-x,url(/images/bg_article_study02.png) repeat;
    behavior: url(/common/css/PIE.htc);
}
.introduction .study .articleBox .text{
    background-image: url(/images/bg_article_study03.png);
    background-color: #EDF4FA;
}
/*book*/
.introduction .book h2{
    background-image: url(/images/title_article_book.png);
}
/*chu*/
.introduction .career h2{
    background-image: url(/images/title_article2_career.png) ;
}
/**/
.introduction .book .articleBox,
.introduction .career .articleBox{
    background-image: url(/images/bg_article_book01.png),url(/images/bg_article_book02.png);
    -pie-background: url(/images/bg_article_book01.png) repeat-x,url(/images/bg_article_book02.png) repeat;
    behavior: url(/common/css/PIE.htc);
}
.introduction .book .articleBox .text,
.introduction .career .articleBox .text{
    background-image: url(/images/bg_article_book03.png);
    background-color: #FFF0ED;
}

/*etc*/
.introduction .etc h2{
    background-image: url(/images/title_article_etc.png);
}
.introduction .etc .articleBox{
    background-image: url(/images/bg_article_etc01.png),url(/images/bg_article_etc02.png);
    -pie-background: url(/images/bg_article_etc01.png) repeat-x,url(/images/bg_article_etc02.png) repeat;
    behavior: url(/common/css/PIE.htc);
}
.introduction .etc .articleBox .text{
    background-image: url(/images/bg_article_etc03.png);
    background-color: #FFF4E5;
}

/*life*/
.introduction .life h2{
    background-image: url(/images/title_article2_life.png);
}
.introduction .life .articleBox{
    background-image: url(/images/bg_article2_life01.png),url(/images/bg_article2_life02.png);
    -pie-background: url(/images/bg_article2_life01.png) repeat-x,url(/images/bg_article2_life02.png) repeat;
    behavior: url(/common/css/PIE.htc);
}
.introduction .life .articleBox .text{
    background-image: url(/images/bg_article2_life03.png);
    background-color: #E6F4FA;
}



.row01{
    margin-bottom: 20px !important;
}
.row02{
    margin-bottom: 30px !important;
}
.row03{
    margin-bottom: 20px !important;
}
.row04{
    margin-bottom: 20px !important;
}
.row05{
    margin-bottom: 30px !important;
}
.news h2,.study h2{
    text-indent: -9999px;
    width:224px;
    height:120px;
    background-repeat: no-repeat;
    background-position: left bottom;
    margin: 0 20px 0 0 !important;
}
.chu .study h2{
    text-indent: -9999px;
    height:150px;
    background-repeat: no-repeat;
    background-position: left bottom;
    margin: 0 20px 0 0 !important;
}
.book h2,.etc h2{
    text-indent: -9999px;
    width:366px;
    height:72px;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: 0 !important;
}
.life h2,.career h2{
    text-indent: -9999px;
    width:366px;
    height:114px;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: 0 !important;
}



.block2x{
    width:469px;
}
.block1x{
    width:224px;
}
.block2in{
    width:366px;
}
.articleBox{
    background-repeat: repeat-x,repeat;
    padding: 10px 0 0 0;
    margin-right: 20px;
}
.row > .articleBox:last-child,
.block2in .articleBox{
    margin-right: 0;
}
.block2in .articleBox{
    margin-bottom: 20px;
}

.articleBox .icon{
    float: left;
    width: 34px;
}
.articleBox .icon img{
    width: 34px;
    height: 30px;
}
.articleBox .text{
    background-repeat: no-repeat;
    background-position: right bottom;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
    float: left;
    width: 190px;
    height: 100%;
}
.articleBox.block2x .text{
    width:435px;
}
.block2in .articleBox .text{
    width: 312px;
}
.articleBox .text h3{
    margin: 6px 13px 10px 13px !important;
    font-size:1.143em;
    font-weight: bold;
}
.articleBox .text p{
    padding: 0 13px 15px 13px;
    font-size:0.857em;
}
.articleBox .text div{
    padding: 0 13px 7px 13px;
    font-size:0.714em;
}

.articleBox .text .schedule{
    color: #008C46;
    margin-right: 1em;
}
.articleBox .text .up{
    color: #008C46;
}
.articleBox .text .teigakunen{
    color: #F252A9;
}
.articleBox .text .juken{
    color: #D80000;
}
.articleBox .text .study{
    color: #0059B2;
}


/*フッター下の余白対策*/
#lineup-font-size-sampler{
    display: none;
}


/*--------------------------------------------------------------------
  　サンプル紙面
---------------------------------------------------------------------*/
.sampleCapOuter{
    margin:0 -5px 0px !important;
}
.sampleCapOuter .columns{    
    padding: 0 5px 10px;
}
.sampleCapBox{
    background:url(/common/images/bg_check_yellow.png);
    padding:14px;
    position:relative;
				text-align:center;
}

/*chu*/
.chu .sampleCapBox{
    background:url(/common/images/bg_check_blue.png);
}
/*-*/

.sampleCapBox span{
    position:absolute;
    right:0;
    bottom:0;
    width:30px;
    height:30px;
    display:block;
}

.sampleBnOuter{
    margin:0 -10px 30px !important;
}

.bnBd01{
    display:block;
    width:330px;
    height:70px;
    padding:1px;
    box-sizing:border-box;
    border:#ccc 1px solid;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    behavior: url(/common/css/PIE.htc);
    position:relative;
}

.bnBd01 a{
    display:block;
    width:100%;
    height:100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    text-indent:-9999px;
}

.bnBd01 a.bnOkasan{background-image:url(/common/images/bn_okasan_01.png);}
.bnBd01 a.bnOtousan{background-image:url(/common/images/bn_otousan_01.png);padding:5px !important;}
.bnBd01 a.bnRantaro{background-image:url(/common/images/bn_rantaro_01.png);}

.bnBd01 + p{
    width:330px;
    padding:5px 0 0;
}

/*--------------------------------------------------------------------
  　Q&A
---------------------------------------------------------------------*/
.otherLead{
    padding:30px 10px 0 10px;
}
.qaContainer {
    padding: 5px 0 30px 0;
}
.qaContainer .acdHead{
    border-top:1px solid #68CC68;
    border-bottom:1px solid #FFFFFF;
    background: url(/common/images/ico_q.png) no-repeat 14px 14px #F2F1EF;
    padding:14px 15px 12px 14px;
    margin: 0 !important;
    cursor:pointer;
}
.qaContainer .acdHead span{
    display: block;
    padding:3px 30px 0;
    font-size:1.143em;
    font-weight: bold;
    min-height: 26px;
}
.qaContainer .acdHead.opened span{
    background: url(/common/images/ico_open01.png) no-repeat top right;
}
.qaContainer .acdHead.closed span{
    background: url(/common/images/ico_close01.png) no-repeat top right;
}
.qaContainer .acdBody{
    padding:10px 18px 18px 18px;
}
.qaContainer .acdBody p{
    padding:0 !important;
}

/*--------------------------------------------------------------------
  　お詫び文（色を赤に、Qの文字を削除）
---------------------------------------------------------------------*/
.qaContainer .acdHead.noQ{
    border-top:1px solid #CC0000;
    border-bottom:1px solid #FFFFFF;
    background: no-repeat 14px 14px #F2F1EF;
    padding:14px 15px 12px 0px;
    margin: 0 !important;
    cursor:pointer;
}
.qaContainer .acdHead.noQ.opened span{
    background: url(/common/images/ico_open_red01.png) no-repeat top right;
}
.qaContainer .acdHead.noQ.closed span{
    background: url(/common/images/ico_close_red01.png) no-repeat top right;
}

/*--------------------------------------------------------------------
  　コンクール・イベント情報
---------------------------------------------------------------------*/
.eventContainer .acdHead.opened,
.eventContainer .acdHead.closed{
	border:1px solid #CCCCCC;
	background:linear-gradient(to top, #E6E6E6, #FFFFFF);
	background:-ms-linear-gradient(top, #FFFFFF, #E6E6E6);
	background:-moz-linear-gradient(top, #FFFFFF, #E6E6E6);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E6E6E6));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6', GradientType=0)";

	margin: 0 !important;
	cursor:pointer;
}
.eventContainer .acdHead.opened:hover,
.eventContainer .acdHead.closed:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.eventContainer .acdHead{
	border:1px solid #CCCCCC;
	margin: 0 !important;
}
.eventContainer .acdHead.opened{
    border-bottom: none;
}

.eventContainer .acdHead .acdHeadIcon{
    display: block;
    background-image:url(/dokusha/images/ico_event_event.png);
    background-repeat: no-repeat;
    background-position: 7px 7px;
    padding:11px 15px 10px 50px;
}
.eventContainer .acdHeadIcon.essay{
    background-image:url(/dokusha/images/ico_event_essay.png);
}
.eventContainer .acdHeadIcon.pict{
    background-image:url(/dokusha/images/ico_event_pict.png);
}
.eventContainer .acdHeadIcon.sports{
    background-image:url(/dokusha/images/ico_event_sports.png);
}
.eventContainer .acdHeadIcon.np{
    background-image:url(/dokusha/images/ico_event_np.png);
}
.eventContainer .acdHeadIcon.event{
    background-image:url(/dokusha/images/ico_event_event.png);
}
.eventContainer .acdHeadIcon.movie{
    background-image:url(/dokusha/images/ico_event_movie.png);
}
.eventContainer .acdHeadIcon.other{
    background-image:url(/dokusha/images/ico_event_other.png);
}
.eventContainer .acdHead span span{
    display: block;
    padding:3px 30px 0 0;
    font-size:1.143em;
    font-weight: bold;
    min-height: 26px;
	line-height: 1.2;
}
.win .eventContainer .acdHead span span{line-height: 1.3;}
.eventContainer .acdHead.opened span span{
    background: url(/common/images/ico_open02.png) no-repeat top right;
}
.eventContainer .acdHead.closed span span{
    background: url(/common/images/ico_close02.png) no-repeat top right;
}
.eventContainer .acdHead em.end{
    background-color: #666666;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 2px 7px;
    font-size: 0.68em;
    line-height: 15px;
    font-weight: bold;
    color: #FFFFFF;
    margin-left: 5px;
	vertical-align: 2px;
}
.win .eventContainer .acdHead em.end{padding: 1px 7px 0px 7px;}
.ie .eventContainer .acdHead em.end{
    vertical-align: 0px;
    transform:translateY(-1px);
}
.eventContainer .acdBody{
    padding:20px 10px 30px 10px;
}
.eventContainer .acdBody p{
    padding:0 !important;
}
.eventContainer .acdBody p + table,
.eventContainer .acdBody table + p,
.eventContainer .acdBody p + p{
    margin-top: 10px;
}

/*--------------------------------------------------------------------
  新聞広告掲載
---------------------------------------------------------------------*/
.mediaInfoArea{
    border: 1px solid #43BF43;
    border-left: 5px solid #43BF43;
    margin-bottom: 15px;
    background-image: url(/common/images/bg_check_green2.png);
}
.mediaInfoArea .bnrBox{
    width: 50%;
    float: left;
    border-right: 1px solid #43BF43;
    background-color: #FFFFFF;
}
.mediaInfoArea .bnrBox img{
    margin: 12px 0 12px 16px;
}
.mediaInfoArea .txtBox{
    width: 50%;
    float: left;
}
.mediaInfoArea .txtBox .spacBox{
    background-color: #42BF42;
    color: #FFFFFF;
    padding: 5px 10px;
}
.mediaInfoArea .txtBox .linkbox{
    padding: 12px 10px;
    
}
.media .inlineBlock{
    display: inline-block;
    margin-right: 15px;
    vertical-align:middle;
}

/*--------------------------------------------------------------------
  新聞の読み方
---------------------------------------------------------------------*/
.yomi .leadBox{
    margin-bottom: 30px;
}
.yomi .leadBox .leadText{
    line-height: 1.6;
}
.yomi .pointBox{
    position: relative;
    background-color: #FFFFED;
    border: 2px solid #53CF68;
    margin-bottom: 20px;
}

.yomi .pointBox h4.point01{
    background-image: url(/common/images/ico_yomi_point01.png);
}
.yomi .pointBox h4.point02{
    background-image: url(/common/images/ico_yomi_point02.png);
}
.yomi .pointBox h4.point03{
    background-image: url(/common/images/ico_yomi_point03.png);
}
.yomi .pointBox h4.point04{
    background-image: url(/common/images/ico_yomi_point04.png);
}
.yomi .pointBox h4.point05{
    background-image: url(/common/images/ico_yomi_point05.png);
}
.yomi .pointBox .pointText p{
    line-height: 1.5;
    padding-bottom: 10px !important;
}
.yomi .pointBox .pointImg{
    padding:11px 31px;
    text-align: right;
}

.checkBtnBox .btnBgGray02{
    width: 100%;
}
.checkBtnBox li{
    margin-bottom: 10px;
}

/*--------------------------------------------------------------------
  海外電子版のご紹介
---------------------------------------------------------------------*/
.digital .leadBox .leadText{
    line-height: 1.5;
}
.digital .ldCharaBox h3{
    text-align: center;
    margin: 0 !important;
    padding: 0 0 10px 0 !important;
}
.digital .spec{
    border-top:2px solid;
    padding: 8px 0;
    font-weight: bold;
}
.digital .spec .publish{
    font-size:1.214em;
    display: inline-block;
    padding-top: 10px;
}
.digital .spec .price{
    font-size:2.143em;
    display: block;
    float: right;
}
.digital .spec .price span{
    font-size:0.833em;
}
.digital .ldShoBox .spec{
    border-top-color: #FF8228;
    color: #FF8228;
}
.digital .ldChuBox .spec{
    border-top-color: #0094C5;
    color: #0094C5;
}
.digital .ldCharaBox .imgbox{
    padding-bottom: 15px;
}
.digital .ldCharaBox dt{
    font-size: 1.143em;
    font-weight: bold;
}
.digital .ldShoBox dt:before{
    content: '● ';
    color: #FF8228;
}
.digital .ldChuBox dt:before{
    content: '● ';
    color: #0094C5;
}
.digital .ldCharaBox dd{
    margin-left: 1.6em;
    margin-bottom: 15px;
}
/*--------------------------------------------------------------------
  創刊時の理念
---------------------------------------------------------------------*/
.policyCom .policyBox{
    background: url(/common/images/bg_gray.png);
    padding:30px 35px 20px 35px;
    width:670px;
    margin: 0 auto;
}
/*--------------------------------------------------------------------
  アンケートフォームから　読者の声
---------------------------------------------------------------------*/
.enq p.img{
    width:100%;
	text-align:center;
	margin-bottom:30px;
	padding:20px;
    border:1px solid #cccccc;
    border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    behavior: url(/common/css/PIE.htc);
}

/*ルビ調整　font-size*/
.ie ruby rt{
    -ms-transform:translate(0px, 3px);
}
.ie h2 ruby rt{
    -ms-transform:translate(0px, 9px);
}
.ie h3 ruby rt{
    -ms-transform:translate(0px, 7px);
}
.ie h4 ruby rt,.ie h5 ruby rt{
    -ms-transform:translate(0px, 5px);
}
.ie11 ruby rt,.ie10 ruby rt{
    -ms-transform:translate(0px, 1px);
}
.ie11 h2 ruby rt,.ie10 h2 ruby rt{
    -ms-transform:translate(0px, 7px);
}
.ie11 h3 ruby rt,.ie10 h3 ruby rt{
    -ms-transform:translate(0px, 5px);
}
.ie11 h4 ruby rt,.ie11 h5 ruby rt,
.ie10 h4 ruby rt,.ie10 h5 ruby rt{
    -ms-transform:translate(0px, 3px);
}
.ie .newsList ruby rt{
    -ms-transform:translate(0px, 3px);
}


.ie section p.ruby,.ie section p ruby{
    line-height: 190% !important;
}
.ie9 section p.ruby,.ie9 section p ruby{
    line-height: 175% !important;
}

.ie .newsList,.ie .newsList ruby{
    line-height: 140% !important;
}
.ie .titType03a,.ie .titType03b{
    font-size: 22px !important;
}
.ie .titType04,.ie .titType05{
    font-size: 18px !important;
}

/*--------------------------------------------------------------------
  記事検索
---------------------------------------------------------------------*/
#SearchField{
    border-collapse: separate;
}
#SearchField th{
    width:20%;
    font-weight: normal;
    vertical-align: middle;
}
#clearDuration, #fromDatePicker, #toDatePicker {
	-webkit-appearance: push-button;
}
#SearchBtn {
	position: relative;
}
#SearchBtn:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*--------------------------------------------------------------------
  WYSIWYG対応
---------------------------------------------------------------------*/
#articleText em { font-family: sans-serif; font-style: italic }
#articleText sup { vertical-align: top }
#articleText sub { vertical-align: baseline }
#articleText h5, #articleText h6 { margin-bottom: 10px }
.shoArticle#articleText ul li {
	background: url(/common/images/ico_linkarrow_01_orange.png) 10px 7px no-repeat;
	padding: 0 0 5px 20px;
}
.chuArticle#articleText ul li {
	background: url(/common/images/ico_linkarrow_01_blue.png) 10px 7px no-repeat;
	padding: 0 0 5px 20px;
}
#articleText ol li { list-style: decimal }
#main #note1 {
	font-size: 11.93px;
	text-align: right;
	padding-bottom: 0
}

/*--------------------------------------------------------------------
  記事の一部は朝日新聞社の提供です
---------------------------------------------------------------------*/
#SearchField { margin-bottom: 0 }

/*--------------------------------------------------------------------
  メンバーページ
----------------------------------------------------------------------*/
.lastDate{
	float: right;
  font-size: smaller;
	margin-top: -12px;
}

.extend-button{
}

.extend-button button{
	background-color: transparent;
	border: none;
	padding: 0;
	float: right;
}

.cancelBtn {
	color: red;
	margin-top: 10px;
}

.cancelBtn a{
	color: red;
}

/*--------------------------------------------------------------------
	pc only or sp only
---------------------------------------------------------------------*/
.pc_only {
	display: block
}

@media only screen and (max-width:767px) {
	.pc_only {
		display: none
	}
}

.sp_only {
	display: none
}

@media only screen and (max-width:767px) {
	.sp_only {
		display: block
	}
}

/*--------------------------------------------------------------------
  new CSS
---------------------------------------------------------------------*/

html {
	font-size: 6.25%;
	-webkit-text-size-adjust: 100%
}

body {
	min-width: 1024px;
	margin: 0 auto;
	position: relative;
	line-height: 1.6;
	color: #000000;
	font-size: 12px;
	font-size: 12rem;
	font-family: 'Noto Sans Japanese', serif;
	font-style: normal;
	font-weight: 400
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	body {
		font-size: 1.171875vw
	}
}

@media only screen and (min-width:1281px) {
	body {
		font-size: 15px;
		font-size: 15rem
	}
}

@media only screen and (max-width:767px) {
	body {
		min-width: auto;
		min-width: initial;
		width: 100%
	}
	body.active:after {
		position: fixed;
		z-index: 9999;
		content: "";
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.3)
	}
}

main {
	display: block
}

ul {
	list-style: none
}

a {
	text-decoration: none;
	color: #000000
}

#page {
	margin: 0 auto
}

.notInlinePC {
	display: none
}

@media only screen and (max-width:767px) {
	.notInlinePC {
		display: inline
	}
}

.notInlineSP {
	display: inline
}

@media only screen and (max-width:767px) {
	.notInlineSP {
		display: none
	}
}

.linkwrap {
	cursor: pointer
}

.tbl {
	display: table;
	width: 100%
}

.tbl .col {
	display: table-cell
}

.right-arrow {
	position: relative;
	z-index: 10
}

.right-arrow:after {
	position: absolute;
	z-index: 11;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 0;
	top: 50%;
	margin-top: -4px
}

@media only screen and (max-width:767px) {
	.right-arrow:after {
		width: 4px;
		height: 4px;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 0;
		top: 50%;
		margin-top: -0.4vw
	}
}

.right-arrow.postionright-arrow {
	left: auto;
	right: 0
}

.right-arrow.gray-arrow:after {
	border-color: #333333
}

.right-arrow.red-arrow:after {
	border-color: #da3915
}

/*--------------------------------------------------------------------
  header
---------------------------------------------------------------------*/

#header .headwrap {
	width: 1024px;
	margin: 0 auto;
	position: relative;
	z-index: 10000;
	background: #ffffff
}

#header .headwrap .headleft {
	width: 472px;
	float: left;
	margin: 24px 0 0 40px
}

#header .headwrap .headleft .headlogo {
	float: left;
	width: 212.8px
}

#header .headwrap .headleft .headlogo img {
	width: 100%
}

#header .headwrap .headleft .contacttel {
	float: right;
	font-size: 9.6px;
	font-size: 9.6rem;
	line-height: 1.2
}

#header .headwrap .headright .gift a{
	padding-top:    20px;
    padding-bottom: 20px;
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	#header .headwrap .headleft .contacttel {
		font-size: 0.9375vw
	}
}

@media only screen and (min-width:1281px) {
	#header .headwrap .headleft .contacttel {
		font-size: 12px;
		font-size: 12rem
	}
}

#header .headwrap .headleft .contacttel .telno {
	display: block;
	font-family: 'Roboto', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22.4px;
	font-size: 22.4rem;
	letter-spacing: 0.5px
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	#header .headwrap .headleft .contacttel .telno {
		font-size: 2.1875vw
	}
}

@media only screen and (min-width:1281px) {
	#header .headwrap .headleft .contacttel .telno {
		font-size: 28px;
		font-size: 28rem
	}
}

#header .headwrap .headleft .togglemenu {
	display: none
}

#header .headwrap .headright {
	width: 456px;
	float: right;
	margin: 16px 40px 0 0;
	line-height: 1.3;
}

#header .headwrap .headright .col {
	vertical-align: middle
}

#header .headwrap .headright a {
	display: inline-block;
	text-align: left;
	width: 136px;
	padding: 8.8px 35.2px 8.8px 40.8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #da3915;
	border-radius: 20px;
	background: #da3915;
	-webkit-box-shadow: 0 4px 4px 1px rgba(4, 0, 0, 0.1);
	box-shadow: 0 4px 4px 1px rgba(4, 0, 0, 0.1);
	font-size: 11.2px;
	font-size: 11.2rem;
	font-weight: 600;
	color: #ffffff;
	position: relative;
	z-index: 1
}

#table-row2 a{
	font-size:66%!important;
	width: 134px!important;
	padding: 6px!important;
	margin-top: 2px;
}


@media only screen and (min-width:1025px) and (max-width:1280px) {
	#header .headwrap .headright a {
		font-size: 1.09375vw
	}
}

@media only screen and (min-width:1281px) {
	#header .headwrap .headright a {
		font-size: 14px;
		font-size: 14rem
	}
}

#header .headwrap .headright a:after {
	position: absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 16px;
	top: 50%;
	margin-top: -4px
}

#header .headwrap .headright a:hover {
	color: #da3915;
	background: #ffffff
}

#header .headwrap .headright a:hover:after {
	border-color: #da3915
}

#header .headwrap .headright .newspaper a:before {
	position: absolute;
	z-index: 2;
	width: 22.4px;
	height: 100%;
	content: "";
	left: 13.6px;
	top: 0;
	background: url(../img/common/headicon_newspaper_off.png) center center no-repeat;
	background-size: 100%
}

#header .headwrap .headright .newspaper a:hover:before {
	background-image: url(../img/common/headicon_newspaper_on.png)
}

#header .headwrap .headright .gift {
	text-align: center
}

#header .headwrap .headright .gift a:before {
	position: absolute;
	z-index: 2;
	width: 20.8px;
	height: 100%;
	content: "";
	left: 14.4px;
	top: 0;
	background: url(../img/common/headicon_gift_off.png) center center no-repeat;
	background-size: 100%
}

#header .headwrap .headright .gift a:hover:before {
	background-image: url(../img/common/headicon_gift_on.png)
}

#header .headwrap .headright .pc {
	text-align: right
}

#header .headwrap .headright .pc a {
	display: inline-block;
	width: 132px;
	padding: 8.8px 32px 8.8px 45px;
	border: 1px solid #da3915;
	border-radius: 0;
	background: #ffffff;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 9.6px;
	font-size: 9.6rem;
	color: #da3915
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	#header .headwrap .headright .pc a {
		font-size: 0.9375vw
	}
}

@media only screen and (min-width:1281px) {
	#header .headwrap .headright .pc a {
		font-size: 12px;
		font-size: 12rem
	}
}

#header .headwrap .headright .pc a:before {
	position: absolute;
	z-index: 2;
	width: 22.4px;
	height: 100%;
	content: "";
	left: 12px;
	top: 0;
	background: url(../img/common/headicon_pc_off.png) center center no-repeat;
	background-size: 100%
}

#header .headwrap .headright .pc a:after {
	border-color: #da3915
}

#header .headwrap .headright .pc a:hover {
	background: #da3915;
	color: #ffffff
}

#header .headwrap .headright .pc a:hover:before {
	background-image: url(../img/common/headicon_pc_on.png)
}

#header .headwrap .headright .pc a:hover:after {
	border-color: #ffffff
}

#header .headwrap .headnav .globalnav {
	text-align: center;
	padding: 20px 0 24px
}

#header .headwrap .headnav .globalnav li {
	display: inline-block;
	margin: 0 0 0 44px;
	font-weight: 600;
	font-size: 12.8px;
	font-size: 12.8rem
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	#header .headwrap .headnav .globalnav li {
		font-size: 1.25vw
	}
}

@media only screen and (min-width:1281px) {
	#header .headwrap .headnav .globalnav li {
		font-size: 16px;
		font-size: 16rem
	}
}

#header .headwrap .headnav .globalnav li.large {
	font-size: 20.8px;
	font-size: 20.8rem
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	#header .headwrap .headnav .globalnav li.large {
		font-size: 2.03125vw
	}
}

@media only screen and (min-width:1281px) {
	#header .headwrap .headnav .globalnav li.large {
		font-size: 26px;
		font-size: 26rem
	}
}

#header .headwrap .headnav .globalnav li a span {
	color: #da3915
}

#header .headwrap .headnav .globalnav li a:hover {
	opacity: 0.6
}

#header .headwrap .headnav .spnav {
	display: none
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	#header .headwrap {
		width: 100vw
	}
	#header .headwrap .headleft {
		width: 46.09375vw;
		margin: 2.34375vw 0 0 3.90625vw
	}
	#header .headwrap .headleft .headlogo {
		width: 20.78125vw
	}
	#header .headwrap .headright {
		width: 45.93125vw;
		margin: 1.5625vw 3.90625vw 0 0
	}
	#header .headwrap .headright a {
		width: 15.28125vw;
		padding: 0.859375vw 3.4375vw 0.859375vw 3.984375vw;
		border-radius: 1.953125vw
	}
	
	#table-row2 a{
		font-size:66%!important;
		width: 134px!important;
		padding: 6px!important;
		margin-top: 5px;
		left: -27px;
	}
	
	#header .headwrap .headright a:after {
		right: 1.5625vw;
		margin-top: -0.390625vw
	}
	#header .headwrap .headright .newspaper a:before {
		width: 2.1875vw;
		left: 1.328125vw
	}
	#header .headwrap .headright .gift a:before {
		width: 2.03125vw;
		left: 1.40625vw
	}
	#header .headwrap .headright .pc a {
		width: 13.015625vw;
		padding: 0.859375vw 3.125vw 0.859375vw 4.515625vw
	}
	#header .headwrap .headright .pc a:before {
		width: 2.1875vw;
		left: 1.171875vw
	}
	#header .headwrap .headnav .globalnav {
		padding: 0.953125vw 0 0.34375vw
	}
	#header .headwrap .headnav .globalnav li {
		margin: 0 0 0 4.296875vw
	}
	
	#table-row,#table-row2{
		display:table-row;
   }
   
	
}

@media only screen and (min-width:1281px) {

	#table-row{
		margin-bottom:7px;
	}

	#header .headwrap {
		width: 1280px
	}
	#header .headwrap .headleft {
		width: 590px;
		margin: 30px 0 0 50px
	}
	#header .headwrap .headleft .headlogo {
		width: 266px
	}
	#header .headwrap .headright {
		width: 570px;
		margin: 20px 50px 0 0
	}

	#header .headwrap .headright a {
		width: 170px;
		padding: 11px 44px 11px 51px;
		border-radius: 25px
	}
	
	#table-row2 a{
		white-space: nowrap;
		font-size:66%!important;
		width: 134px!important;
		padding: 6px!important;
		left: 2px;
	}
	
	#table-row2 > div.col.gift{
		padding-left: 14px;
	}
	
	#header .headwrap .headright a:after {
		right: 20px;
		margin-top: -5px
	}
	#header .headwrap .headright .newspaper a:before {
		width: 28px;
		left: 17px
	}
	
	#header .headwrap .headright .gift{
		padding:0 10px;
	}
	
	#header .headwrap .headright .gift a:before {
		width: 26px;
		left: 18px
	}
	#header .headwrap .headright .pc a {
		width: 156px;
		padding: 11px 40px 11px 54px
	}
	#header .headwrap .headright .pc a:before {
		width: 28px;
		left: 15px
	}
	#header .headwrap .headnav .globalnav {
		padding: 10px 0 15px
	}
	#header .headwrap .headnav .globalnav li {
		margin: 0 0 0 55px
	}
}

@media only screen and (max-width:767px) {
	#header .headwrap {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 10000
	}
	#header .headwrap .headleft {
		width: 100%;
		float: none;
		margin: 0 auto;
		height: 16vw
	}
	#header .headwrap .headleft .headlogo {
		float: left;
		width: 34.66666667vw;
		margin: 4.53333333vw 0 0 3.33333333vw
	}
	#header .headwrap .headleft .contacttel {
		float: right;
		margin: 5.33333333vw 21.33333333vw 0 0;
		font-size: 1.86666667vw;
		text-align: justify
	}
	#header .headwrap .headleft .contacttel .telno {
		font-size: 3.2vw;
		letter-spacing: 2px;
		font-weight: 600;
		font-family: 'Noto Sans Japanese', serif
	}
	#header .headwrap .headleft .togglemenu {
		display: block;
		position: absolute;
		z-index: 10001;
		width: 16vw;
		height: 16vw;
		background: #da3915;
		right: 3.33333333vw;
		top: 0
	}
	#header .headwrap .headleft .togglemenu .togglebtn,
	#header .headwrap .headleft .togglemenu .togglebtn span {
		display: inline-block;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
	#header .headwrap .headleft .togglemenu .togglebtn {
		position: relative;
		width: 100%;
		height: 100%;
		display: block
	}
	#header .headwrap .headleft .togglemenu .togglebtn span {
		position: absolute;
		left: 20%;
		width: 60%;
		height: 2px;
		background-color: #fff;
		border-radius: 2px
	}
	#header .headwrap .headleft .togglemenu .togglebtn span:first-of-type {
		top: 4.66666667vw
	}
	#header .headwrap .headleft .togglemenu .togglebtn span:nth-of-type(2) {
		top: 50%;
		margin-top: -1px
	}
	#header .headwrap .headleft .togglemenu .togglebtn span:nth-of-type(3) {
		bottom: 4.66666667vw
	}
	#header .headwrap .headleft .togglemenu .togglebtn.active span:first-of-type {
		-webkit-transform: translateY(3.2vw) rotate(-315deg);
		-ms-transform: translateY(3.2vw) rotate(-315deg);
		transform: translateY(3.2vw) rotate(-315deg)
	}
	#header .headwrap .headleft .togglemenu .togglebtn.active span:nth-of-type(2) {
		opacity: 0
	}
	#header .headwrap .headleft .togglemenu .togglebtn.active span:nth-of-type(3) {
		-webkit-transform: translateY(-3.2vw) rotate(315deg);
		-ms-transform: translateY(-3.2vw) rotate(315deg);
		transform: translateY(-3.2vw) rotate(315deg)
	}
	#header .headwrap .headright {
		width: 100%;
		float: none;
		margin: 0
	}
	#header .headwrap .headright .tbl {
		padding: 0 3.33333333vw;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: #da3915;
		table-layout: fixed
	}
	#header .headwrap .headright .col {
		vertical-align: middle
	}
	#header .headwrap .headright a {
		display: block;
		text-align: center;
		width: 100%;
		padding: 4vw 0vw 4vw 6.4vw;
		border: none;
		border-radius: 0;
		background: #da3915;
		-webkit-box-shadow: none;
		box-shadow: none;
		font-size: 3.4vw;
		color: #ffffff;
		position: relative;
		z-index: 1
	}
	#header .headwrap .headright a:after {
		content: none
	}
	#header .headwrap .headright a:hover {
		background: #da3915;
		color: #ffffff
	}
	#header .headwrap .headright a.active {
		color: #da3915;
		background: #ffffff
	}
	
	#table-row2 > div:nth-child(1) > a{
		padding:3px!important;
	}
	
	#header .headwrap .headright .newspaper {
		width: 34.2%
	}
	#header .headwrap .headright .newspaper a:before {
		position: absolute;
		z-index: 2;
		width: 4.53333333vw;
		height: 100%;
		content: "";
		left: 1.33333333vw;
		top: 0;
		background: url(../img/common/headicon_newspaper_off.png) center center no-repeat;
		background-size: 100%
	}
	#header .headwrap .headright .newspaper a.active:before,
	#header .headwrap .headright .newspaper a:hover:before {
		background-image: url(../img/common/headicon_newspaper_on.png)
	}
	#header .headwrap .headright .gift {
		width: 37.1%;
		text-align: left
	}
	#header .headwrap .headright .gift a:before {
		position: absolute;
		z-index: 2;
		width: 4vw;
		height: 100%;
		content: "";
		left: 1.6vw;
		top: 0;
		background: url(../img/common/headicon_gift_off.png) center center no-repeat;
		background-size: 100%
	}
	#header .headwrap .headright .gift a.active:before,
	#header .headwrap .headright .gift a:hover:before {
		background-image: url(../img/common/headicon_gift_on.png)
	}
	#header .headwrap .headright .pc {
		width: 28.5%;
		text-align: left
	}
	#header .headwrap .headright .pc a {
		display: block;
		width: 100%;
		padding: 4.66666667vw 0.66666667vw 4vw 6vw;
		border: none;
		border-radius: 0;
		background: #da3915;
		-webkit-box-shadow: none;
		box-shadow: none;
		font-size: 3.4vw;
		color: #ffffff;
		position: relative;
		z-index: 1
	}
	#header .headwrap .headright .pc a:before {
		position: absolute;
		z-index: 2;
		width: 3.73333333vw;
		height: 100%;
		content: "";
		left: 1.33333333vw;
		top: 0;
		background: url(../img/common/headicon_pc_on.png) center center no-repeat;
		background-size: 100%
	}
	#header .headwrap .headright .pc a:after {
		content: none
	}
	#header .headwrap .headright .pc a.active,
	#header .headwrap .headright .pc a:hover {
		background: #ffffff;
		color: #da3915
	}
	#header .headwrap .headright .pc a.active:before,
	#header .headwrap .headright .pc a:hover:before {
		background-image: url(../img/common/headicon_pc_off.png)
	}
	#header .headwrap .headnav {
		display: none;
		position: absolute;
		z-index: 10002;
		left: 0;
		top: 16vw;
		border-top: 2px solid #da3915;
		border-bottom: 2px solid #da3915;
		padding: 0 0 9.33333333vw;
		background: #ffffff
	}
	#header .headwrap .headnav .globalnav {
		text-align: center;
		padding: 10.66666667vw 8vw 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	#header .headwrap .headnav .globalnav li {
		-ms-flex-preferred-size: 42vw;
		flex-basis: 42vw;
		display: block;
		margin: 0 0 10.66666667vw;
		font-size: 4.1vw;
		border-left: 1px solid #da3915;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
	#header .headwrap .headnav .globalnav li.large {
		font-size: 4vw
	}
	#header .headwrap .headnav .globalnav li a:hover {
		opacity: 1
	}
	#header .headwrap .headnav .globalnav li:nth-child(2n) {
		border-right: 1px solid #da3915
	}
	#header .headwrap .headnav .globalnav li:last-child {
		-ms-flex-preferred-size: 84vw;
		flex-basis: 84vw;
		border-right: 1px solid #da3915;
		margin: 0
	}
	#header .headwrap .headnav .spnav {
		display: block;
		margin: 12.66666667vw 0 0
	}
	#header .headwrap .headnav .spnav .spbtnnav li {
		margin: 4.66666667vw 3.33333333vw 0
	}
	#header .headwrap .headnav .spnav .spbtnnav li:first-child {
		margin-top: 0
	}
	#header .headwrap .headnav .spnav .spbtnnav li a {
		text-align: center;
		background: #da3915;
		display: block;
		padding: 4.66666667vw;
		color: #ffffff;
		font-size: 4.1vw
	}
	#header .headwrap .headnav .spnav .spbtnnav li a:before {
		padding: 0;
		margin: 0 2vw 0 0;
		display: inline-block;
		vertical-align: middle
	}
	#header .headwrap .headnav .spnav .spbtnnav li.newspaper a:before {
		width: 4.26666667vw;
		height: 4.26666667vw;
		content: "";
		background: url(../img/common/headicon_newspaper_off.png) center center no-repeat;
		background-size: 100%
	}
	#header .headwrap .headnav .spnav .spbtnnav li.gift a:before {
		width: 4.26666667vw;
		height: 4.66666667vw;
		content: "";
		background: url(../img/common/headicon_gift_off.png) center center no-repeat;
		background-size: 100%
	}
	#header .headwrap .headnav .spnav .spbtnnav li.pc {
		margin: 4.53333333vw 8vw 0
	}
	#header .headwrap .headnav .spnav .spbtnnav li.pc a {
		font-size: 3.2vw;
		color: #da3915;
		background: #ffffff;
		border: 1px solid #da3915
	}
	#header .headwrap .headnav .spnav .spbtnnav li.pc a:before {
		width: 4.26666667vw;
		height: 3.2vw;
		content: "";
		background: url(../img/common/headicon_pc_off.png) center center no-repeat;
		background-size: 100%
	}
	#header .headwrap .headnav .spnav .social {
		margin: 7.33333333vw 0 0
	}
	#header .headwrap .headnav .spnav .social ul {
		display: block;
		text-align: center
	}
	#header .headwrap .headnav .spnav .social ul li {
		display: inline-block;
		width: 5.33333333vw;
		padding: 0 0 0 4vw;
		box-sizing: content-box;
	}
	#header .headwrap .headnav .spnav .social ul li img {
		width: 100%
	}
	#header .headwrap .headnav .spnav .social ul li.copyright {
		vertical-align: middle;
		padding: 0 0 0 1.33333333vw;
		width: auto;
		font-size: 1.86666667vw
	}
}

/*--------------------------------------------------------------------
  footer
---------------------------------------------------------------------*/

#footer a:link{
	font-weight: 400;
}

#footer .sitemap {
	text-align: center;
	margin: 48px 0 0
}

#footer .sitemap ul {
	display: inline
}

#footer .sitemap ul li {
	display: inline;
	border-right: 1px solid #b3b3b3;
	padding: 0 16px
}

#footer .sitemap ul li.last {
	border: none
}

#footer .sitemap ul li a {
	font-size: 11.2px;
	font-size: 11.2rem;
	color: #333333
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	#footer .sitemap ul li a {
		font-size: 1.09375vw
	}
}

@media only screen and (min-width:1281px) {
	#footer .sitemap ul li a {
		font-size: 14px;
		font-size: 14rem
	}
}

#footer .sitemap ul li a:hover {
	text-decoration: underline
}

#footer .copyright {
	text-align: center;
	margin: 32px 0 0
}

#footer .copyright small {
	color: #333333;
	font-size: 9.6px;
	font-size: 9.6rem
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	#footer .copyright small {
		font-size: 0.9375vw
	}
}

@media only screen and (min-width:1281px) {
	#footer .copyright small {
		font-size: 12px;
		font-size: 12rem
	}
}

#footer .social {
	margin: 44px 0 80px;
	text-align: center
}

#footer .social ul {
	display: inline
}

#footer .social ul li {
	display: inline-block;
	width: 24.8px;
	padding: 0 0 0 24px;
	box-sizing: content-box;
}

#footer .social ul li a {
	line-height: 1
}

#footer .social ul li a img {
	width: 100%
}

#footer .social ul li a:hover {
	opacity: 0.8
}

#footer .social ul li.copyright {
	display: inline;
	color: #333333;
	font-size: 8.8px;
	font-size: 8.8rem;
	padding: 0 0 0 8px
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	#footer .social ul li.copyright {
		font-size: 0.859375vw
	}
}

@media only screen and (min-width:1281px) {
	#footer .social ul li.copyright {
		font-size: 11px;
		font-size: 11rem
	}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	#footer .sitemap {
		margin: 4.6875vw 0 0
	}
	#footer .sitemap ul li {
		padding: 0 1.5625vw
	}
	#footer .copyright {
		margin: 3.125vw 0 0
	}
	#footer .social {
		margin: 4.296875vw 0 7.8125vw
	}
	#footer .social ul li {
		width: 2.421875vw;
		padding: 0 0 0 2.34375vw
	}
	#footer .social ul li.copyright {
		padding: 0 0 0 0.78125vw
	}
}

@media only screen and (min-width:1281px) {
	#footer .sitemap {
		margin: 60px 0 0
	}
	#footer .sitemap ul li {
		padding: 0 20px
	}
	#footer .copyright {
		margin: 40px 0 0
	}
	#footer .social {
		margin: 55px 0 100px
	}
	#footer .social ul li {
		width: 31px;
		padding: 0 0 0 30px
	}
	#footer .social ul li.copyright {
		padding: 0 0 0 10px
	}
}

@media only screen and (max-width:767px) {
	#footer .sitemap {
		text-align: center;
		margin: 10.66666667vw 0 0
	}
	#footer .sitemap ul {
		display: block;
		margin: 0 3.33333333vw 0
	}
	#footer .sitemap ul li {
		display: inline;
		padding: 0 3.33333333vw;
		position: relative;
		border: none
	}
	#footer .sitemap ul li:after {
		position: absolute;
		z-index: 1;
		width: 1px;
		height: 0.7em;
		bottom: 0.25em;
		left: 0;
		content: "";
		background: #7d7d7d
	}
	#footer .sitemap ul li:first-child {
		padding: 0 2vw 0 0.66666667vw
	}
	#footer .sitemap ul li:first-child:after {
		content: none
	}
	#footer .sitemap ul li:last-child {
		border: none;
		padding: 0 0 0 2vw
	}
	#footer .sitemap ul li a {
		font-size: 2.4vw;
		color: #333333
	}
	#footer .sitemap ul li a:hover {
		text-decoration: none
	}
	#footer .sitemap ul.secondul {
		margin: 3.33333333vw 0 0
	}
	#footer .copyright {
		margin: 5.33333333vw 0 0
	}
	#footer .copyright small {
		color: #333333;
		font-size: 2.13333333vw
	}
	#footer .social {
		margin: 7.33333333vw 3.33333333vw 13.33333333vw;
		text-align: center
	}
	#footer .social ul {
		display: inline
	}
	#footer .social ul li {
		display: inline-block;
		width: 4.93333333vw;
		padding: 0 0 0 4vw
	}
	#footer .social ul li a {
		line-height: 1
	}
	#footer .social ul li img {
		width: 100%
	}
	#footer .social ul li.copyright {
		padding: 0 0 0 1.33333333vw;
		width: 100%;
		color: #333333;
		font-size: 1.86666667vw;
		padding: 0;
		vertical-align: middle
	}
}

/*--------------------------------------------------------------------
	application
---------------------------------------------------------------------*/

.application {
	margin: 0;
	overflow: hidden;
	line-height: 1
}

.application .container {
	width: 944px;
	margin: 0 auto
}

.application .container .col {
	width: 33.33333333%;
	position: relative;
	z-index: 1;
	padding: 225px 0 15px;
	text-align: center;
	vertical-align: middle
}

.application .container .col a {
	width: 269.6px;
	display: inline-block;
	padding: 20px 0 20px 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #da3915;
	border-radius: 30.4px;
	-webkit-box-shadow: 0 4px 4px 1px rgba(4, 0, 0, 0.1);
	box-shadow: 0 4px 4px 1px rgba(4, 0, 0, 0.1);
	background: #da3915;
	color: #ffffff;
	font-size: 16px;
	font-size: 16rem
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	.application .container .col a {
		font-size: 1.5625vw
	}
}

@media only screen and (min-width:1281px) {
	.application .container .col a {
		font-size: 20px;
		font-size: 20rem
	}
}

.application .container .col a:after {
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	left: auto;
	right: 20px
}

.application .container .col a:hover {
	background: #ffffff;
	color: #da3915
}

.application .container .col a:hover:after {
	border-color: #da3915
}

.application .container .col.newspaper {
	background: url(../img/common/application_newspaper_overimg.jpg) left top no-repeat;
	background-size: 100%
}

.application .container .col.newspaper a:before {
	position: absolute;
	z-index: 2;
	width: 32px;
	height: 100%;
	content: "";
	left: 20px;
	top: 0;
	background: url(../img/common/applicationlogo_newspaper_off.png) center center no-repeat;
	background-size: 100%
}

.application .container .col.newspaper a:hover:before {
	background-image: url(../img/common/applicationlogo_newspaper_on.png)
}

.application .container .col.gift {
	background: url(../img/common/application_gift_overimg.jpg) left top no-repeat;
	background-size: 100%
}

.application .container .col.gift a:before {
	position: absolute;
	z-index: 2;
	width: 32px;
	height: 100%;
	content: "";
	left: 20px;
	top: 0;
	background: url(../img/common/applicationlogo_gift_off.png) center center no-repeat;
	background-size: 100%
}

.application .container .col.gift a:hover:before {
	background-image: url(../img/common/applicationlogo_gift_on.png)
}

.application .container .col.pc {
	background: url(../img/common/application_pc_overimg.jpg) left top no-repeat;
	background-size: 100%
}

.application .container .col.pc a:before {
	position: absolute;
	z-index: 2;
	width: 32px;
	height: 100%;
	content: "";
	left: 20px;
	top: 0;
	background: url(../img/common/applicationlogo_pc_off.png) center center no-repeat;
	background-size: 100%
}

.application .container .col.pc a:hover:before {
	background-image: url(../img/common/applicationlogo_pc_on.png)
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	.application .container {
		width: 92.1875vw
	}
	.application .container .col {
		padding: 21.5vw 0 1.5vw;
	}
	.application .container .col a {
		width: 26.328125vw;
		padding: 1.953125vw 0 1.953125vw 2.34375vw;
		border-radius: 2.96875vw
	}
	.application .container .col a:after {
		right: 1.953125vw
	}
	.application .container .col.newspaper a:before {
		width: 3.125vw;
		left: 1.953125vw
	}
	.application .container .col.gift a:before {
		width: 3.125vw;
		left: 1.953125vw
	}
	.application .container .col.pc a:before {
		width: 3.125vw;
		left: 1.953125vw
	}
}

@media only screen and (min-width:1281px) {
	.application .container {
		width: 1180px
	}
	.application .container .col {
		padding: 280px 0 20px
	}
	.application .container .col a {
		width: 337px;
		padding: 25px 0 25px 30px;
		border-radius: 38px
	}
	.application .container .col a:after {
		right: 25px
	}
	.application .container .col.newspaper a:before {
		width: 40px;
		left: 25px
	}
	.application .container .col.gift a:before {
		width: 40px;
		left: 25px
	}
	.application .container .col.pc a:before {
		width: 40px;
		left: 25px
	}
}

@media only screen and (max-width:767px) {
	.application {
		margin: 3.33333333vw 0;
		overflow: hidden;
		line-height: 1
	}
	.application .container {
		width: 100%;
		margin: 0 auto
	}
	.application .container .tbl {
		display: block
	}
	.application .container .col {
		display: block;
		width: 100%;
		padding: 10.66666667vw 0;
		text-align: center
	}
	.application .container .col a {
		width: 56vw;
		display: inline-block;
		padding: 3.33333333vw 5.33333333vw 4vw 8vw;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 2px solid #da3915;
		border-radius: 5.6vw;
		-webkit-box-shadow: 0 4px 4px 1px rgba(4, 0, 0, 0.1);
		box-shadow: 0 4px 4px 1px rgba(4, 0, 0, 0.1);
		background: #da3915;
		color: #ffffff;
		line-height: 1;
		font-size: 4.1vw;
		opacity:0.9;
	}
	.application .container .col a:after {
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		left: auto;
		right: 3.33333333vw
	}
	.application .container .col a:hover {
		background: #da3915;
		color: #ffffff
	}
	.application .container .col a:hover:after {
		border-color: #ffffff
	}
	.application .container .col.newspaper {
		background: url(../img/common/sp/application_newspaper_overimg.jpg) left center no-repeat;
		background-size: 100%
	}
	.application .container .col.newspaper a:before {
		position: absolute;
		z-index: 2;
		width: 5.33333333vw;
		height: 100%;
		content: "";
		left: 4vw;
		top: 0;
		background: url(../img/common/applicationlogo_newspaper_off.png) center center no-repeat;
		background-size: 100%
	}
	.application .container .col.newspaper a:hover:before {
		background-image: url(../img/common/applicationlogo_newspaper_off.png)
	}
	.application .container .col.gift {
		background: url(../img/common/sp/application_gift_overimg.jpg) left center no-repeat;
		background-size: 100%
	}
	.application .container .col.gift a:before {
		position: absolute;
		z-index: 2;
		width: 5.33333333vw;
		height: 100%;
		content: "";
		left: 4vw;
		top: 0;
		background: url(../img/common/applicationlogo_gift_off.png) center center no-repeat;
		background-size: 100%
	}
	.application .container .col.gift a:hover:before {
		background-image: url(../img/common/applicationlogo_gift_off.png)
	}
	.application .container .col.pc {
		background: url(../img/common/sp/application_pc_overimg.jpg) left center no-repeat;
		background-size: 100%
	}
	.application .container .col.pc a:before {
		position: absolute;
		z-index: 2;
		width: 5.33333333vw;
		height: 100%;
		content: "";
		left: 4vw;
		top: 0;
		background: url(../img/common/applicationlogo_pc_off.png) center center no-repeat;
		background-size: 100%
	}
	.application .container .col.pc a:hover:before {
		background-image: url(../img/common/applicationlogo_pc_off.png)
	}
}

/*--------------------------------------------------------------------
  clearfix
---------------------------------------------------------------------*/

.clearfix {
	*zoom: 1
}

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

/*--------------------------------------------------------------------
	top scroll
---------------------------------------------------------------------*/
.pagetop{
	position: fixed;
	bottom: 40px;
	right: 20px;
	z-index: 100;
}

.pagetop img{
	width: 80px;
}

a.no-hover:hover img,
a.no-hover:hover{
	opacity: 1;
}