@charset "UTF-8";


/* hover
--------------------------------------------*/
article a img {opacity: 1;/*-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;*/}
article a:hover img {opacity: 0.6;}


/* btn setting
--------------------------------------------*/
.btn_base {
	display:block;
	border-radius:5px;
	-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2) inset;
	-moz-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2) inset;
    box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2) inset;
}
.btn_base:hover ,.btn_base:hover {
	background-image:none;
}
.btn_base a {
	padding:6px 0 6px;
}
.btn_base a.aro-w {
	display:block;
	background-image:url(../../img/common/aro_01w-r.png);
	background-position:98% 50%;
	background-repeat:no-repeat;
	background-size:12px 12px;
	text-align:center;
	color:#ffffff;
}
.btn_base a.aro-b {
	display:block;
	background-image:url(../../img/common/aro_01b-r.png);
	background-position:98% 50%;
	background-repeat:no-repeat;
	background-size:12px 12px;
	text-align:center;
	color:#000000;
}
.btn-red {
	background-image:url(../../img/common/bg_btn-red.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#cb452f;
}
.btn-bro {
	background-image:url(../../img/common/bg_btn-bro.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#886044;
}
.btn-gol {
	background-image:url(../../img/common/bg_btn-gol.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#cdbb7c;
}


/* local nav
--------------------------------------------*/
nav#lnav {
	margin-bottom:30px;
	background-image:url(../../img/common/bg_localnav.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}
nav#lnav ul li {
	display:block;
	float:left;
	padding:0!important;
	margin-right:0!important;
}
nav#lnav ul li a {
	display:block;
	margin:0!important;
	padding:6px 20px 12px;	
	background-image:url(../../img/common/line_localnav.png);
	background-position:right;
	background-repeat:repeat-y;
	text-align:center;
	color:#ffffff;
	text-indent:0;
}

nav#lnav ul li:hover {
	/*padding:0;
	margin:0;*/
	background-image:url(../../img/common/bg_localnav_on.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}

/* topick path
--------------------------------------------*/
.topickpath {
	margin-bottom:15px;
}
.topickpath ul li {
	display:inline-block;
}


/* title style
--------------------------------------------*/
#titlehead {
	padding:15px 10px 15px;
	background-image:url(../../img/common/bg_titlehead.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	border-radius:5px 5px 0 0;
}


/* text style
--------------------------------------------*/
.t-emph {
	font-weight:bold;
}
.t-large {
	font-size:18px;
}
.t-red {
	color:#d73e6d;
}

.note {
	padding-left:1em;
	text-indent:-1em;
}

.notes li {
	padding-left:1em;
	text-indent:-1em;
}


/* box style
--------------------------------------------*/
.cont-box {
	padding:10px 20px 20px;
	background-color:#f3f0e5;
	border:1px solid #ddd1b9;
}
.cont-box h1 {
	margin-left:-20px;
	padding-left:10px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:24px;
	font-weight:bold;
	line-height:28px;
	border-left:8px solid #ddd1b9;	
	color:#6e6052;
}
.cont-box .inner-box {
	margin-top:20px;
}


/* bottombnr
--------------------------------------------*/
.bottombnr {
	margin-top:30px;
	font-size:12px;
	line-height:12px;
}
.bottombnr span {
	display:inline-block;
	width:33%;
	text-align:center;
}
.bottombnr span img {
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2); 
}
.bottombnr div span {
	
}
/* contbnr */
.contbnr span {
	margin-top:20px;
}
/* sp-hide */
.bottombnr div.sp-hide {
	margin-bottom:30px;
}
.bottombnr div.sp-hide span {
	margin-top:10px;
}


/* bottombnr-aw
--------------------------------------------*/
.bottombnr-aw {
	padding-top:20px;
	font-size:12px;
	line-height:12px;
}
.bottombnr-aw span {
	display:inline-block;
	width:33%;
	text-align:center;
}
#TA_certificateOfExcellence114 {
	display:inline-block;
	width:33%;
	margin:0!important;
	padding:0!important;
	text-align:center!important;
}
.TA_certificateOfExcellence {
	margin:0!important;
	padding:0!important;
	vertical-align:top;
	text-align:center!important;
}
#CDSWIDCOE {
	width:298px!important;
	margin:0 0 0 8px!important;
}
.widCOELogo {
	width:100%;
	margin-top:-80px!important;
	padding:0!important;
	text-align:center;
}
.widCOELogo img {
	width:148px;
	margin:0 auto 0!important;
}
#CDSWIDCOE.widCOE .widCOELink {
    padding: 30px 0 5px !important;
    margin-top: -38px !important;
}
#CDSWIDCOE.widCOE .widCOELink a {
    font-size: 11px !important;
}


/* spend
--------------------------------------------*/
.spend {
	margin-top:40px;
	margin-bottom:30px;
	background-image:url(../../img/common/spend/spend_bg.jpg);
	background-position:left top;
	background-repeat:repeat;
}
.spend h1 ,.spend span {
	display:inline-block;
}
.spend h1 {
	padding:0 0 0 15px;
}
.spend span {
	padding:0 0 10px 10px;
}
.spend span img {
	width:200px;
	height:auto;
}
.spend h1 img.sp {
	display:none;
}


/* margin padding
--------------------------------------------*/
.mar_t10 {margin-top:10px;}
.mar_t20 {margin-top:20px;}
.mar_t30 {margin-top:30px;}
.mar_t40 {margin-top:40px;}
.mar_b10 {margin-bottom:10px;}
.mar_b20 {margin-bottom:20px;}
.mar_b30 {margin-bottom:30px;}
.mar_b40 {margin-bottom:40px;}

.pad_t10 {padding-top:10px}
.pad_t20 {padding-top:20px;}
.pad_t30 {padding-top:30px;}
.pad_t40 {padding-top:40px;}
.pad_b10 {padding-bottom:10px;}
.pad_b20 {padding-bottom:20px;}
.pad_b30 {padding-bottom:30px;}
.pad_b40 {padding-bottom:40px;}


/* text-align
--------------------------------------------*/
.ta-l {text-align:left;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}


/* flort
--------------------------------------------*/
.fl-l {float:left;}
.fl-r {float:right;}


/* anchor
--------------------------------------------*/
.anc_out {
	position:relative;
}
.anchor {
	position:absolute;
	top:-60px;
}

/* list style
--------------------------------------------*/
ul.fmt01 li {
	list-style:disc;
	list-style-position:inside;
	text-indent:-1em;
	padding-left:1em;
}



/*==========================================

    　　 Media Queries iPad Portrait

============================================*/
@media only screen and (max-width: 960px) {
	
/* local nav
--------------------------------------------*/
nav#lnav {
	margin-top:10px;
	margin-bottom:30px;
	background-image:none;
	background-position:center top;
	background-repeat:repeat-x;
}
nav#lnav ul li {
	margin-right:5px!important;
	margin-bottom:5px!important;
	background-image:url(../../img/common/bg_localnav.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	border-radius:5px;
}
nav#lnav ul li a {
	display:block;
	padding:6px 5px 12px;	
	background-image:none;
	text-align:center;
	color:#ffffff;
	text-indent:0;
}


	
/* bottombnr
--------------------------------------------*/
/*.bottombnr span {
	text-align:center;
}*/
.bottombnr .contbnr {
	width:100%;
	margin:0 auto 30px;
	text-align:center;
}
.contbnr span {
	width:30%;
	padding:0 1% 0;
	margin-top:10px;
	text-align:center;
}
.contbnr span img {
	width:100%;
	height:auto;
}

.bottombnr .sp-hide {
	display:none;
}


/* bottombnr-aw
--------------------------------------------*/
.bottombnr-aw {
	width:100%;
	text-align:center;
}
.bottombnr-aw span {
	width:30%;
	text-align:center;
	padding:0 2% 0 0;
}
.bottombnr-aw span img {
	width:100%;
	height:auto;
}
#TA_certificateOfExcellence114 {
	padding:0 1% 0;
	display:inline-block;
	width:30%;
	margin:0!important;
	padding:0!important;
	text-align:center!important;
}
#TA_certificateOfExcellence114 img{
	width:100%;
	height:auto;
}
.TA_certificateOfExcellence {
	margin:0!important;
	padding:0!important;
	vertical-align:top;
	text-align:center!important;
}
#CDSWIDCOE {
	width:100%!important;
	margin:0 0 0 0!important;
}
.widCOETitle {
	margin-top:-5px;
}
.widCOELogo {
	width:100%;
	margin:-2px 0 -3px!important;
	padding:0!important;
	text-align:center;
}
.widCOELogo img {
	width:90px;
	margin:0 auto 0!important;
}
.widCOELink a {
	font-size:11px!important;
}


/* spend
--------------------------------------------*/
.spend {
	background-image:none;
}
.spend h1 {
	display:block;
	padding:0 10px 10px;
}
.spend h1 img.sp {
	display:block;
}
.spend h1 img.pc {
	display:none;
}
.spend span {
	width:24%;
	text-align:center;
	padding:0 0 10px;
}
.spend span img {
	width:100%;
	height:auto;
}


/* box style
--------------------------------------------*/
.cont-box {
	padding:10px;
}
.cont-box h1 {
	margin-left:-10px;
}
.cont-box .inner-box {
}



}




@media only screen and (max-width: 480px) {
	
	
/* spend
--------------------------------------------*/
.spend span {
	width:49%;
	text-align:center;
	padding:0 0 10px;
}
.spend span img {
	width:100%;
	height:auto;
}


/* bottombnr
--------------------------------------------*/
.bottombnr span {
	width:300px;
	text-align:center;
}
.bottombnr .contbnr {
	width:300px;
	margin:0 auto 30px;
}
.contbnr span {
	margin-top:10px;
}

.bottombnr .sp-hide {
	display:none;
}


/* bottombnr-aw
--------------------------------------------*/
.bottombnr-aw span {
	width:300px;
	text-align:center;
}
.bottombnr-aw {
	width:300px;
	margin:0 auto 0;
}
#CDSWIDCOE {
	margin:0 0 10px 0!important;
}

.awbnr {
	margin-bottom:10px;
}


#TA_certificateOfExcellence114 {
	/*padding:0 1% 0;*/
	display:inline-block;
	width:100%;
	margin:0!important;
	padding:0!important;
	text-align:center!important;
}
.TA_certificateOfExcellence {
	margin:0!important;
	padding:0!important;
	vertical-align:top;
	text-align:center!important;
}
#CDSWIDCOE {
	width:100%!important;
	margin:0 0 0 0!important;
}
.widCOELink {
	margin-bottom:-5px;
}
.widCOELogo {
	width:100%;
	margin:0!important;
	padding:0!important;
	text-align:center;
}
.widCOELogo img {
	width:100px;
	margin:0 auto 0!important;
}

	
}