@charset "UTF-8";
/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; line-height: 1.6; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #44841a; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 0; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
p { margin-top:0}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ==========
		FONTS
	 ==========*/
	@font-face {
	    font-family: 'OxfamGlobalHeadlineRegular';
	    src: url('../fonts/oxfamglobalheadline-webfont.eot');
	    src: url('../fonts/oxfamglobalheadline-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/oxfamglobalheadline-webfont.woff') format('woff'),
	         url('../fonts/oxfamglobalheadline-webfont.ttf') format('truetype'),
	         url('../fonts/oxfamglobalheadline-webfont.svg#OxfamGlobalHeadlineRegular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	.webfont {font-family: 'OxfamGlobalHeadlineRegular','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro','HiraKakuPro-W3';}

/* ===================
    ALL: 996 grid
   =================== */
	.col-row { clear: both; }

	.col:before, col:after, .col-span:before, .col-span:after, .inner-col:before, .inner-col:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
	.col:after,	.col-span:after, .inner-col:after { clear: both; }
	
	.col { width: 60px; margin: 0 10px 20px 10px; border-bottom: 3px solid rgba(170,170,170, .2); display:inline; float: left; position: relative; }
	.col-alt { border-bottom: 0 none;}
	.col-2 { width: 140px; }
	.col-3 { width: 220px; }
	.col-4 { width: 300px; }
	.col-5 { width: 380px; }
	.col-6 { width: 460px; }
	.col-7 { width: 540px; }
	.col-8 { width: 620px; }
	.col-9 { width: 700px; }
	.col-10 { width: 780px; }
	.col-11 { width: 860px; }
	.col-12 { width: 940px; }
	
	.col-alt .col-span { border-bottom: 3px solid rgba(170,170,170, .5); }
	.col-span { width: 160px; margin-right: 20px; display:inline; float: left; position: relative; background: #fff; }
	.col-span-2 { width: 340px; }
	.col-span-3 { width: 520px; }
	.col-span-4 { width: 700px; margin-right: 0; }
	.col-span-2:last-child { margin-right: 0; }
	.col-span-380 { width: 380px; }
	.col-span-260 { width: 260px; }

	.mod { background: #fff; padding: 1px 0; }
	.col-3 .mod { margin-bottom: 20px; padding: 20px 15px 10px 15px; border-bottom: 3px solid rgba(170,170,170, .5); }
	
	.inner-col { width: 210px; margin-left: 15px; display:inline; float: left; position: relative; }
	.inner-col:first-child { margin-left: 20px; }
	.inner-col .inner { background: #fff; color: #000; }
	.inner-col-2 { width: 435px; }
	.inner-col-3 { width: 660px; }
	

/* ==============
    DESKTOP: Navigation
   ============== */
/* navigation item widths */
.count-4 ul li { width: 25%; }
.count-4 ul li:nth-child(3) .sub-nav { left: -80px; }
.count-5 ul li { width: 22%; }
.count-5 ul li:last-child { width: 12%; }
.count-5 ul li:nth-child(4) .sub-nav { left: -80px; }
.count-6 ul li { width: 157px; }
.count-6 ul li:last-child { width: 155px; }
.count-6 ul li:nth-child(4) .sub-nav { left: -80px; }
.count-6 ul li:nth-child(5) .sub-nav { left: -237px; }
.count-7 ul li { width: 136px; }
.count-7 ul li:last-child { width: 124px; }
.count-7 ul li:nth-child(4) .sub-nav { left: -18px; }
.count-7 ul li:nth-child(5) .sub-nav { left: -154px; }
.count-7 ul li:nth-child(6) .sub-nav { left: -290px; }
.count-8 ul li { width: 117px; }
.count-8 ul li:last-child { width: 121px; }
.count-8 ul li:nth-child(5) .sub-nav { left: -78px; }
.count-8 ul li:nth-child(6) .sub-nav { left: -195px; }
.count-8 ul li:nth-child(7) .sub-nav { left: -312px; }

.navigation-primary ul { background: #62a939; z-index: 350; position: relative; font-family:'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro','HiraKakuPro-W3'; }
.navigation-primary ul li { float: left; position: relative; height: 40px;font-weight:bold;}
.navigation-primary ul li.active,
.navigation-primary li:hover { background-color: #fff;  }
.navigation-primary ul li.active a,
.navigation-primary li:hover a { color: #545454; position: relative; top: -1px; padding-top: 8px; border-top: 1px solid #d8e9cd; }
.navigation-primary ul li:last-child { float: right; }
.navigation-primary ul li:last-child:hover a { color: #fff; top: 0; border-top: 0; padding-top: 9px; }
.navigation-primary a { display: block; padding: 1px 0 8px 0; color: #fff; line-height:22px; font-size: 16px; text-align: center; text-decoration: none; font-weight: bold; border-left: 2px #d8e9cd solid;  }
.navigation-primary li:first-child a { border-left: 0 none; }
/*********** donate button color *************/
.navigation-primary ul li:last-child { background-color: #f16e22; }
.navigation-primary ul li:last-child:before { border-left-color: #f16e22; } 
/*********************************************/
/* sub nav */
.navigation-primary ul .sub-nav { display: none; position: absolute; left: 0; top: 40px; width: 530px; background: #fff; padding: 20px 10px; z-index: 20; }
.navigation-primary ul ul { float: left; background: transparent; width: 225px; margin: 0 20px; }
.navigation-primary ul li:hover .sub-nav { display: block; }
.navigation-primary ul li ul li { border: 0; float: none; width: 225px; height: auto; border-bottom: 2px solid #f6f5ec; background: url(../images/global/nav-arrow.png) 0 12px no-repeat;  }
.navigation-primary ul ul li:last-child { background: transparent url(../images/global/nav-arrow.png) 0 12px no-repeat; border: 0; }
.navigation-primary ul ul li:last-child:before { border: 0; }
.navigation-primary ul ul li:last-child:hover a { color: #44841a; }
.navigation-primary ul li ul li a { font-size: 16px; color: #44841a; border: 0; top: 0; padding-top: 10px; padding-left: 20px; text-align: left; }
.navigation-primary ul ul li a:hover { color: #44841a; text-decoration: underline; }
.navigation-primary ul li:hover li a { color: #44841a; border: 0; top: 0; padding-top: 9px; }
.navigation-primary ul li ul li,
.navigation-primary ul li ul li:last-child { width: 225px; }

/* arrow */
.navigation-primary ul li:last-child { position: relative; }
.navigation-primary ul li:last-child:after, nav ul li:last-child:before { border: solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0; }
.navigation-primary ul li:last-child:before { border-width: 20px; }

.js .navigation-primary a { padding: 9px 0; width: 100%; }
.js .navigation-primary ul li ul li a { padding-left: 20px; }

.ie6 .navigation-primary ul { zoom: 1; }
.ie7 .navigation-primary ul { zoom: 1; }

.nav-overlay { background: rgba(0,0,0, .5); z-index: 300; }

/* navigation secondary */

.navigation-secondary { background: #fff url(../images/global/component-pattern-2.png) center 0 no-repeat; font-size:13px; line-height:16px;}
.navigation-secondary li { height: 1%; background: url(../images/japan/nav-arrow2.png) 0 11px no-repeat; border-bottom: 2px solid #f6f5ec; padding:3px 0 1px 0;}
.navigation-secondary li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.navigation-secondary li.last, .navigation-secondary li:last-child { border: 0 none; }
.navigation-secondary li a { display: block; padding: 6px 0 6px 20px; font-weight: bold; }
.navigation-secondary li.curr a { color:#535353;}
.navigation-secondary li.curr {background: url(../images/japan/nav-arrow3.png) 0 11px no-repeat; background-position: 0 -38px;}
.navigation-secondary li ul { padding: 1px 0; }
.navigation-secondary li li { background: url(../images/global/nav-arrow-alt.png) 10px 11px no-repeat; border: 0 none; }
.navigation-secondary li li.curr { background: url(../images/global/nav-arrow-alt.png) 0 11px no-repeat; background-position: 10px -81px; }
.navigation-secondary li li a { /*color: #535353; */padding-left: 30px; font-weight: normal;  }
.navigation-secondary li li.curr a { /*color: #333;*/ color:#535353; font-weight: bold; }
.navigation-secondary li li li { background: none; }
/*.navigation-secondary li li li.curr { background: #f0efe0; }*/
.navigation-secondary li li li.curr { background: none; background-color:#fff!important;}
.navigation-secondary li li li a { padding-left: 40px; padding-right: 10px; background: #f0efe0; font-size: 11px; background-color:#fff!important;}
.navigation-secondary li li li li a { padding-left: 50px; background-color:#fff!important;}

.navigation-secondary li.curr li a { background-color:transparent; }
.navigation-secondary li.curr li.curr li a { background-color:transparent; font-weight: normal; }
.navigation-secondary li.curr li.curr li.curr a { font-weight: bold; } 
.navigation-secondary li.curr li.curr li.curr li a { font-weight: normal; }
.navigation-secondary li.curr li.curr li.curr li.curr a { font-weight: bold; }

.navigation-tertiary { position: absolute; right: 0; top: 25px; }
.navigation-tertiary { letter-spacing: -4em; }
.navigation-tertiary li { letter-spacing: normal; float: left; }
.navigation-tertiary li a { color: #44841a; font-weight: bold; margin-left: 5px; padding-left: 4px; border-left: 1px solid #cacaca; font-size: 12px; display: block; }
.navigation-tertiary li:first-child a { border: 0 none; margin-left: 0; padding-left: 0; }
.navigation-tertiary li:last-child a { border: 0 none; margin-left: 8px; margin-top:-3px; background-color:#e70052; color:#FFF; padding:3px 5px 3px 15px;background-image: url(../images/global/arrow-7.png); background-position: 5px 50%; background-repeat: no-repeat;}
.navigation-secondary.no-line li { border:none!important;}

figure { display: inline-block; }
figure figcaption { padding: 10px; font-size: 13px; }
figure figcaption span { font-weight: lighter; font-style: italic; }
blockquote p { color: #0c884a; font-size: 16px; margin: 0; padding: 10px 0; }
/* block quote widths and positions */
.pullquote { height: 1%; }
.pullquote:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.pullquote blockquote { margin: 20px 0 10px 0; }
.qleft blockquote { float: left; clear: left; margin-right: 20px; }
.qright blockquote { float: right; clear: right; margin-left: 20px; }
.pullquote p { float: left; }
.q1 blockquote { width: 200px; }
.q1 p { float: left; width: 440px; }
.q2 blockquote { width: 280px; }
.q2 p { width: 360px; }
.q3 blockquote { width: 360px; }
.q3 p { width: 280px; }
.q1 blockquote p,
.q2 blockquote p,
.q3 blockquote p { width: auto; float: none; }

/* clearfix */
.header-container:before,
.main-container:before,
.footer-container:before,
nav ul:before,
.header-container:after,
.main-container:after,
.footer-container:after,
nav ul:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.header-container:after,
.main-container:after,
.footer-container:after,
nav ul:after { clear: both; }




.arrow-btn { min-width:180px; cursor: pointer; padding: 9px 10px; font-size: 19px; line-height:23px; font-weight: bold; border-bottom: 2px solid #dedede; position: relative; color: #fff; background: #f16e22; background-image: url(../images/global/arrow-7.png); background-position: right 50%; background-repeat: no-repeat; display: inline-block;}
.arrow-btn:after, .arrow-btn:before { border:solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0; }
.arrow-btn:before { border-width: 20px; border-left-color: #f16e22; top: 1px; }
@-moz-document url-prefix(){
	 .arrow-btn:before { border-width: 20px; }
}
.ie8 .arrow-btn:before { top: 0; }
.ie7 .arrow-btn,
.ie6 .arrow-btn { padding-right: 25px; padding-top: 5px; background-position: 95% 50%; }

/*モバイル用 mobile-core.jpも編集してます*/
.arrow-btn-m { cursor: pointer; padding: 9px 15px; font-size: 18px; font-weight: bold; border-bottom: 2px solid #dedede; position: relative; color: #fff; background: #f16e22; background-image: url(../images/global/arrow-7.png); background-position: right 50%; background-repeat: no-repeat; display: inline-block; line-height: 1.231;}
.arrow-btn-m:after, .arrow-btn-m:before { border: solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0; }
.arrow-btn-m:before { border-width: 19px; border-left-color: #f16e22; top: 1px; }
@-moz-document url-prefix(){
	 .arrow-btn-m:before { border-width: 20px; }
}
.ie8 .arrow-btn-m:before { top: 0; }
.ie7 .arrow-btn-m,
.ie6 .arrow-btn-m { padding-right: 25px; padding-top: 5px; background-position: 95% 50%; }


/*.arrow-btn-jp*/
.arrow-btn-jp01 { min-width:340px; cursor: pointer; padding: 9px 10px; font-size: 18px; line-height:23px; font-weight: bold; border-bottom: 2px solid #dedede; position: relative; color: #fff; background: #f16e22; background-image: url(../images/global/arrow-7.png); background-position: right 50%; background-repeat: no-repeat; display: inline-block;
}
.arrow-btn-jp01:after, .arrow-btn-jp01:before { border:solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0; }
.arrow-btn-jp01:before { border-width: 20px; border-left-color: #f16e22; top: 1px; }
@-moz-document url-prefix(){
	 .arrow-btn-jp01:before { border-width: 20px; }
}
.ie8 .arrow-btn-jp01:before { top: 0; }
.ie7 .arrow-btn-jp01,
.ie6 .arrow-btn-jp01 { padding-right: 25px; padding-top: 5px; background-position: 95% 50%; }

.col-9 section .arrow-btn-jp01 { font-size: 18px; line-height:18px; font-weight: bold; padding-top: 10px; padding-bottom: 8px; margin-left:20px; margin-left:280px;}
.col-9 section .arrow-btn-jp01:before { border-width: 17px; }
p .arrow-btn-jp01.ml { margin-left:260px;}


.arrow-btn-jp02 { min-width:340px; cursor: pointer; padding: 9px 10px; font-size: 18px; line-height:23px; font-weight: bold; border-bottom: 2px solid #dedede; position: relative; color: #fff; background: #f16e22; background-image: url(../images/global/arrow-7.png); background-position: right 50%; background-repeat: no-repeat; display: inline-block;
}
.arrow-btn-jp02:after, .arrow-btn-jp02:before { border:solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0; }
.arrow-btn-jp02:before { border-width: 20px; border-left-color: #f16e22; top: 1px; }
@-moz-document url-prefix(){
	 .arrow-btn-jp02:before { border-width: 20px; }
}
.ie8 .arrow-btn-jp02:before { top: 0; }
.ie7 .arrow-btn-jp02,
.ie6 .arrow-btn-jp02 { padding-right: 25px; padding-top: 5px; background-position: 95% 50%; }

.col-9 section .arrow-btn-jp02 { font-size: 18px; line-height:18px; font-weight: bold; padding-top: 10px; padding-bottom: 8px; margin-left:20px; margin-left:280px;}
.col-9 section .arrow-btn-jp02:before { border-width: 17px; }

/*追加*/
.btn-ad-ema { min-width:120px; float:left; margin-right:50px;}

.arrow-btn-jp-back { min-width:200px; cursor: pointer; padding: 9px 10px; font-size: 18px; line-height:23px; font-weight: bold; border-bottom: 2px solid #dedede; position: relative; color: #fff; background: #f16e22; /*background-image: url(../images/global/arrow-7.png); background-position: right 50%; background-repeat: no-repeat;*/ display: inline-block;
}
.arrow-btn-jp-back:after, .arrow-btn-jp-back:before { border:solid transparent; content: ' '; height: 0; right: 100%; position: absolute; width: 0; }
.arrow-btn-jp-back:after { border-width: 20px; border-right-color: #f16e22; top: 1px; }
@-moz-document url-prefix(){
	 .arrow-btn-jp-back:after { border-width: 20px; }
}
.ie8 .arrow-btn-jp-back:after { top: 0; }
.ie7 .arrow-btn-jp-back,
.ie6 .arrow-btn-jp-back { padding-right: 25px; padding-top: 5px; background-position: 95% 50%; }

.col-9 section .arrow-btn-jp-back { font-size: 18px; line-height:18px; font-weight: bold; padding-top: 10px; padding-bottom: 8px; margin-left:20px; margin-left:280px;}
.col-9 section .arrow-btn-jp-back:after { border-width: 17px; }
p .arrow-btn-jp-back.ml { margin-left:30%;}

/*margin-bottom*/
.mb30 { margin-bottom:30px;}
.mb20 { margin-bottom:20px;}
.mb10 { margin-bottom:10px;}

/* content styles */
blockquote p { color: #0c884a; border-top: 2px solid #61a534; }
h1 { color: #61a534; font-weight:bold;}
section h2 { border-color: #61a534; }
figcaption { color: #fff; background-color: #61a534; }
.tab-controls a { background-color: #61a534; }


.col-9 section .arrow-btn { font-size: 13px; line-height:17px; font-weight: normal; padding-top: 6px; padding-bottom: 4px; }
.col-9 section .arrow-btn:before { border-width: 13px; }

.breadcrumb { font-size: 12px; color: #666; padding: 11px 0; border-bottom: 0; margin-bottom: 0; }
.breadcrumb a { color: #666; }
.breadcrumb a, 
.breadcrumb em,
.breadcrumb strong { display: inline-block; }
.breadcrumb em { text-indent: -9999em; width: 7px; margin: 0 3px; height: 100%; background: transparent url(../images/global/small-icon-sprite.png) right 5px no-repeat; }
.breadcrumb a:first-child { margin-left: 10px;display: inline-block; width: 12px; height: 15px; text-indent: -9999em; background: transparent url(../images/global/small-icon-sprite.png) left -21px no-repeat;}
.ie6 .breadcrumb a, 
.ie6 .breadcrumb em,
.ie6 .breadcrumb strong,
.ie7 .breadcrumb a, 
.ie7 .breadcrumb em,
.ie7 .breadcrumb strong { display: inline;  }
.ie7 .breadcrumb a:first-child { display: block; float: left; }

.js .social { padding: 15px 0 ; border-bottom: 2px solid #f6f5ec; }
.js .social .addthis_toolbox { height: 20px; }
.js .social .at300bs { width: 70px; height: 20px; background: transparent url(../images/global/social-share-icons.png) left -201px no-repeat; }
.ss3 .social .at300bs { background-position: 0 -460px; }

/* components 
	can be found in components.css
*/

/* ==============
    DESKTOP: Main
   ============== */
html { padding-top: 10px; background: transparent url(../images/global/body-stripe-repeater.png) center 0 repeat-x; }
body { color: #545454; padding-bottom: 40px; background: transparent url(../images/global/body-stripe-repeater.png) center bottom repeat-x; font-family:'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro','HiraKakuPro-W3', "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif; }
.header-container header,
.main-container .main,
.footer-container footer { width: 960px; margin: 0 auto; position: relative; }
.header-container header .wrapper { }
.level-2 .header-container header .wrapper,
.level-1 .header-container header .wrapper { margin-bottom: 0; }
.main h1 { font-size: 24px; }
.main-container { background: #eaeade url(../images/japan/bg-repeater.png) center -230px repeat-x;  z-index: 1; }

.ie7 .mod h1 { display: inline; }
.ie7 .header-container header { z-index: 200; }


/* header */
.site { padding: 30px 0; }
.site-description { margin-top: 15px; font-size: 13px; line-height: 18px; color: #888; float: left; margin-left: 20px; padding: 0 0 0 20px; width: 480px; border-left: 1px solid #888; }
.site-description p { margin: 0; }
.site .logo { float: left; }

.site-search { position: absolute; right: 0; top: 55px; }
.site-search legend { display: none; }
.site-search .frow { float: right; }
.site-search label { display: none; width: 0; }
.site-search .frow input { width: 195px; height: 23px; padding: 0  0 0 10px; font-size: 12px; }
.site-search input.submit { width: 27px; height: 25px; border: 0 none; padding: 0; }

.cta h2 { font-size: 18px; margin: 0 0 5px 0; }
.cta h3 { font-size: 17px; }
.cta h4 { font-size: 16px; }
.cta h5 { font-size: 13px; }
.cta .frow label { font-weight: normal; }
.cta-0 { background: #fff url(../images/global/component-pattern-2.png) center 0 repeat-x; }
.cta-1 { background: #fff url(../images/japan/component-pattern01.gif) center 0 repeat-x; }
.cta-2 { background: #fff url(../images/japan/component-pattern02.gif) center 0 repeat-x; }
.cta-0 .continue { font-size: 16px; font-weight: bold; }
.cta-3 { background: #fff url(../images/japan/component-pattern03.gif) center 0 repeat-x; }
.cta-4 { background: #fff url(../images/global/component-pattern-4.png) center 0 repeat-x; }
.cta-5 { background: #fff url(../images/global/component-pattern-5.png) center 0 repeat-x; }
.cta-6 { background: #fff url(../images/global/component-pattern-6.png) center 0 repeat-x; }

.level-1 .main h1 { margin: 0 20px 0 0; font-size: 20px; }
.level-1 .main header:first-child  { padding-bottom: 0;  }
.level-2 .main h1 { margin: 0 20px 10px 0; }

.content-col section h2 { color: #333; font-size: 18px; margin-bottom: 5px; padding-bottom: 3px; border-bottom: 2px solid #61a534; }
.content-col section h3 { color: #333; font-size: 17px; margin-bottom: 5px; padding-bottom: 3px; border-bottom: 2px solid #f6f5ec; }
.content-col section h4 { color: #333; font-size: 16px; font-weight: bold; }
.content-col section h5 { color: #333; font-size: 13px; font-weight: bold; margin-bottom: -10px; }
.content-col ul { padding-left: 15px; }
.content-col ol { padding-left: 20px; }
.content-col li { margin: 15px 0; }


/* footer */
.footer-container { background: transparent url(../images/japan/footer-bg-repeater.png) center 0 repeat-x;}
.footer { height: 1%; }
.footer ul { padding: 0; margin: 0; list-style: none; width: 100%; clear: both; }
.footer ul { height: 1%; padding: 0px 0 40px 0; }
.footer ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.footer li { float: left; }

.footer .site-links { background: transparent; padding: 0 0 10px 0; margin: 0 20px; }
.footer .site-links li { margin-right: 9px; padding-right: 7px; border-right: 1px solid #686E62; }
.footer .site-links li:last-child { margin-right: 0; padding-right: 0; border: 0 none; }
.footer .site-links a { color: #686e62; }
.footer .site-info { margin: 0 20px; }
.footer .site-info { position: relative; clear: both; }
.footer .site-info p { margin-right: 325px; font-size: 12px; min-height: 30px; }
.footer .footer-logo { position: absolute; right: 20px; top: 0px; width: 168px; height: 62px; text-indent: -9999em; background: transparent url(../images/japan/logo_jp_web.png) 0 0 no-repeat; }
.footer .footer-sp { display:none;}

.footer-global ul.img-feed li{ display: inline-block; width: 50px; height: 51px; margin: 0 10px 0 0; }
.footer-global .column { display: inline-block; vertical-align: top; margin: 0 5px; width: 180px; }
.footer-global .column195 { display: inline-block; vertical-align: top; margin:20px 0px 0 5px; width: 230px; }
.footer-global .link-lists { padding: 30px 0 20px; }
.footer-global .link-lists ul { clear: none; }
.footer-global .link-lists li { float: none; list-style-position: outside; }
.footer-global .link-lists li h3 { font-size: 19px; margin-bottom: 5px; color: #6C7464; }
.footer-global .link-lists li a { color: #6c7464; line-height: 1.4; font-size: 13px; }
.footer-global .site-links { background: transparent; margin-bottom: 20px; }
.footer-global .site-links li { margin-right: 5px; padding-right: 7px; border-right: 1px solid #cbcbc8; display: inline-block; font-size: 12px; }
.footer-global .site-links a { color: #3a3a3a; font-weight: bold; }
.footer-global .social { padding: 25px 0 0 0; border-bottom:1px solid #eaeade}
.footer-global .social h3 { font-size: 13px; color: #333; /*overflow: hidden;*/ background: url(../images/japan/social-footer-icons-jp.png) 0px 0px no-repeat; padding: 0 0 0 0px; margin: 0 0 10px 0; height:50px; text-align:center; line-height:120px;}
.footer-global .social .content { font-size: 11px; }
.footer-global .social .facebook h3 { background-position: 68px 0px; }
.footer-global .social .twitter h3{ background-position: 68px -100px; }
.footer-global .social .youtube h3 { background-position: 68px -200px; }
.footer-global .social .flickr h3{ background-position: 68px -300px; }
.footer-global .social .mailmagazine h3{ background-position: 68px -400px; }
.ie6 .footer-global .column, .ie6 .footer-global .column195 { display: inline; }
.ie7 .footer-global .link-lists ul { display: inline; }

/* HEADERS */
/* background colours */
.bgc1 { background: #f16e22; color: #fff; }
.bgc2 { background: #61a534; color: #fff; }
.bgc3 { background: #e70052; color: #fff; }
.bgc4 { background: #0c8848; color: #fff; }
.bgc5 { background: #630235; color: #fff; }
.bgc6 { background: #53297d; color: #fff; }

h1.hc1,h1.hc2,h2.hc1,h2.hc2 { font-weight:normal;}
article .hc1 .txt,
article .hc2 .txt,
.hc1 .txt,
.hc2 .txt
{ font-weight:bold;}
/* orange */
article .hc1,
.wysiwyg .hc1,
.wysiwyg .hc2{ font-family: 'OxfamGlobalHeadlineRegular','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro','HiraKakuPro-W3';background: #f16e22; color: #fff; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede;}

h2.hline { font-family: 'OxfamGlobalHeadlineRegular','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro','HiraKakuPro-W3';font-size: 20px; margin:10px 20px 0px 20px; font-weight:normal; padding: 0px 0px 5px 0px;border-bottom:2px solid #F16E22;}


.ie6 article .hc1,
.ie6 .wysiwyg .hc1,
.ie6 .wysiwyg .hc2,
.ie7 article .hc1,
.ie7 .wysiwyg .hc1,
.ie7 .wysiwyg .hc2{ display: inline; }
/* green */
article .hc2 { font-family: 'OxfamGlobalHeadlineRegular','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro','HiraKakuPro-W3';background: #61a534; color: #fff; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede; min-width:250px;}
.ie6 article .hc2,
.ie7 article .hc2 { display: inline; }
/* red */
article .hc3 { background: #e70052; color: #fff; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede;}
.ie6 article .hc3,
.ie7 article .hc3 { display: inline; }
/* dark green */
article .hc4 { background: #0c8848; color: #fff; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede;}
.ie6 article .hc4,
.ie7 article .hc4 { display: inline; }
/* burgundy */
article .hc5 { background: #630235; color: #fff; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede; }
.ie6 article .hc5,
.ie7 article .hc5 { display: inline; }
/* purple */
article .hc6 { background: #53297d; color: #fff; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede; }
.ie6 article .hc6,
.ie7 article .hc6 { display: inline; }
/* white */
article .hc7 { background: #fff; color: #545454; position: relative; display: inline-block; margin: -10px 0 0 -10px; font-size: 18px; padding: 10px 15px 8px 15px; border-bottom: 2px solid #dedede; }
.ie6 article .hc7,
.ie7 article .hc7 { display: inline; }

/* blockquote colors */
.qc1 blockquote p { color: #630235; border-top: 2px solid #f16e22; }
.qc2 blockquote p { color: #0c884a; border-top: 2px solid #61a534; }
.qc3 blockquote p { color: #53297d; border-top: 2px solid #e70052; }


.continue { position: relative; background: transparent url(../images/global/arrow.png) right 50% no-repeat; padding: 0 12px 0 0px; top:10px; font-weight:bold; display: inline; }
.cc1 { background-image: url(../images/global/arrow.png); }
.cc2 { background-image: url(../images/global/arrow-2.png); }
.cc3 { background-image: url(../images/global/arrow-3.png); }
.cc4 { background-image: url(../images/global/arrow-4.png); }
.cc5 { background-image: url(../images/global/arrow-5.png); }
.cc6 { background-image: url(../images/global/arrow-6.png); }
.cc7 { background-image: url(../images/global/arrow-7.png); }
.cc8 { background-image: url(../images/global/arrow-7.png); }

.bc1 { background-color: #f16e22; }
.bc1:before { border-left-color: #f16e22; }
.bc2 { background-color: #61a534; }
.bc2:before { border-left-color: #61a534; }
.bc3 { background-color: #e70052; }
.bc3:before { border-left-color: #e70052; }
.bc4 { background-color: #0c8848; }
.bc4:before { border-left-color: #0c8848; }
.bc5 { background-color: #630235; }
.bc5:before { border-left-color: #630235; }
.bc6 { background-color: #53297d; }
.bc6:before { border-left-color: #53297d; }
.bc7 { background-color: #fff; }
.bc7:before { border-left-color: #fff; }
.bc8 { background-color: #000; }
.bc8:before { border-left-color: #000; }

.wysiwyg section { padding: 0 20px; }
.wysiwyg header { padding: 0 0 10px 20px; }

.ss1 { background-color: #f16e22; color: #fff; }
.ss2 { background-color: #61a534; color: #fff; }
.ss3 { background-color: #e70052; color: #fff; }
.ss4 { background-color: #0c8848; color: #fff; }
.ss5 { background-color: #630235; color: #fff; }
.ss6 { background-color: #53297d; color: #fff; }
.ss7 { background-color: #fff; color: #545454; }

/* content themes */
.theme-1 blockquote p { color: #630235; border-top: 2px solid #f16e22; }
.theme-1 h1 { color: #f16e22; }
.theme-1 section h2 { border-color: #f16e22; }
.theme-1 figcaption { color: #fff; background-color: #630235; }
.theme-1 .tab-controls a { background-color: #630235; }
.theme-1.cta legend { color: #f16e22; }

.theme-2 blockquote p { color: #0c884a; border-top: 2px solid #61a534; }
.theme-2 h1 { color: #61a534; }
.theme-2 section h2 { border-color: #61a534; }
.theme-2 figcaption { color: #fff; background-color: #61a534; }
.theme-2 .tab-controls a { background-color: #61a534; }

.theme-3 blockquote p { color: #53297d; border-top: 2px solid #e70052; }
.theme-3 h1 { color: #e70052; }
.theme-3 section h2 { border-color: #e70052; }
.theme-3 figcaption { color: #fff; background-color: #e70052; }
.theme-3 .tab-controls a { background-color: #e70052; }


/*jp common*/
.green { color: #44841a;}
.txt-arrow { background: url(../images/japan/p-arrow.png) 0 7px no-repeat; padding-left:10px;}
/*jp index*/
.index-news{ position:relative; /*height:237px;*/ }
.index-news ul { list-style-type:none; margin:0 0 0 -20px;}
.index-news li { margin:0 20px 5px 0;}
.index-news span.news { font-weight:bold; font-size:16px; color:#448419;}
.index-news footer { position:absolute; top:15px; right:5px; font-size:16px; font-weight:bold;}
.index-news .continue-jp { position: relative; background: transparent url(../images/global/arrow.png) right 50% no-repeat; padding: 0 12px 0 0px; display: inline; }

.index-news li{width: 99%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


.index-hide { display:none;}

.er0406 {}
.wysiwyg{}
.main article.wysiwyg h1,
.main section.wysiwyg h1,
.main div.wysiwyg h1{ margin-bottom:20px;}

.col-row .inner-col img,
.col-span img { margin-bottom:10px}

.box01 p { color: #44841a!important;text-align:center; font-size:16px; font-weight:bold; line-height:20px;}
.col-row .inner-col h3,
.col-row .inner-col h2,
.col-span-2 h3,.col-span-2 h2{ padding:0 0 0px 0; margin:0 0 5px 0!important;}
.col-span p { margin-top:0}

.index-dt { margin:0}
.index-dt dl {width:100%; margin:0; background-color:#FFF;}
.index-dt dt {float:left;width:130px; font-weight:bold;}
.index-dt dd {margin-left:130px; margin-bottom:10px;}

/*ニュース　フォーム*/
.news-form p {margin:10px 0;}
.arrow-btn-jp-nf { min-width:70px; cursor: pointer; padding: 9px 10px; font-size: 13px; line-height:18px; font-weight: bold; border-bottom: 2px solid #dedede; position: relative; color: #fff; background: #f16e22; background-image: url(../images/global/arrow-7.png); background-position: right 50%; background-repeat: no-repeat; display: inline-block;
}
.arrow-btn-jp-nf:after, .arrow-btn-jp-nf:before { border:solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0; }
.arrow-btn-jp-nf:before { border-width: 17px; border-left-color: #f16e22; top: 1px; }
@-moz-document url-prefix(){
	 .arrow-btn-jp-nf:before { border-width: 17px; }
}
.ie8 .arrow-btn-jp-nf:before { top: 0; }
.ie7 .arrow-btn-jp-nf,
.ie6 .arrow-btn-jp-nf { padding-right: 25px; padding-top: 5px; background-position: 95% 50%; }

h1.newsfont { color:#F16C1F; font-size:22px;}
#news01 { margin-top:-10px; padding-bottom:20px;}
#news01 h2 { border-bottom:2px solid #F16E22; margin:0; }
#news01 time { font-weight:bold; margin:5px 0 10px 0; display:block}

.country { margin-top:-10px; padding-bottom:20px;}
.country h2 { border-bottom:2px solid #F16E22; margin:0; }

.country dl {width:100%; margin:0; background-color:#f6f5ee;  margin-bottom:30px; padding-top:15px;}
.country dt {float:left;width:200px; font-weight:bold; font-size:13px; padding-left:10px;}
.country dd {margin-left:210px; font-size:13px; padding-bottom:3px;}
.country dd.line { margin:0 0 10px 0;font-size:0; line-height:0; border-bottom:2px solid #edebdc;}
.country .topics { background-color:#f6f5ee; padding:15px;}
.country h3{ margin-bottom:10px!important;}
.country h4{ margin-bottom:5px;}
.country-txt { height:100px; overflow:auto; }
.country-txt dl {width:100%; margin:0; background-color:#fff;  margin-bottom:30px;}
.country-txt dt {float:left;width:130px; font-weight:bold; font-size:13px; padding-left:10px;}
.country-txt dd {margin-left:140px; font-size:13px; padding-bottom:3px;}

.country p .arrow-btn.bc4 { margin-right:30px; margin-bottom:10px;}
/*活動内容地域*/
.jp-bg01 { background-color:#F6F5EC; margin:0 20px 20px 20px; padding-top:20px;}
.article-column .jp-bg01 section { display: inline-block; vertical-align: top; margin: 0px 0px 20px 10px; position: relative;}
.article-column .jp-bg01 section { width: 180px;color: #525252;}
.article-column .jp-bg01 .inner-col { width: 210px; margin-left: 0px; text-align:center;}
.article-column .jp-bg01 .inner-col:first-of-type { margin-left: 0px; }
.article-column .jp-bg01 .inner-col:first-child { margin-left: 0px; }
.article-column .jp-bg01 a p,
.article-column .jp-bg01 a { font-weight: bold;color: #525252!important; margin-top:0px;}

/*オックスファムショップ*/
.shopnews-base { height:300px; overflow:auto;}

/*today*/
.jp-bg01.today-area { background-color:#fff; margin:0 20px 20px 20px; padding-top:20px;}
.today-area .box01 .inner-col{ width:210px; min-height:380px; background-color:#eaeade; margin:0 15px 15px 0;padding:0px; border:none;}
.today-area .box01 .inner-col:nth-child(3n){ margin:0 0 15px 0;}
.today-area .box01 .inner-col h3 { color:#fff; background-color:#666; font-size:14px; font-weight:bold;margin:0 10px 5px!important; display:inline; padding:5px;}
.today-area .box01 .inner-col h4 { color:#448419; font-size:16px; font-weight:bold;margin:10px 10px 5px; line-height:18px;}
.today-area .box01 .inner-col time { color:#666; font-weight:bold;margin:0 10px 5px;}
.today-area .box01 .inner-col p{ font-size:14px; text-align:left; font-weight:normal; color:#666; margin:0 10px 10px;}
.today-area .box01 .inner-col a:link p { color:#666!important;}
.today-area .box01 .inner-col a:visited p { color:#666!important;}
.today-area .box01 .inner-col a:hover p { color:#666!important}
.today-area .box01 .inner-col a:focus p { color:#666!important}
.today-area .box01 .inner-col a:hover p,
.today-area .box01 .inner-col a:active p { color:#666!important}
.today-area .box01 .inner-col h3.cat-color01{ background-color:#b30049;}
.today-area .box01 .inner-col h3.cat-color02{ background-color:#0c884a;}
.today-area .box01 .inner-col h3.cat-color03{ background-color:#532970;}
.today-area .box01 .inner-col h3.cat-color04{ background-color:#f16e22;}
.today-area .box01 .inner-col h3.cat-color05{ background-color:#125dc3;}/*未実装*/

/*キャンペーン*/
#news01 time span.cat-color01{ background-color:#b30049;color:#fff;font-weight:bold;margin:0 0px 0 10px!important; display:inline; padding:2px 5px;}
#news01 time span.cat-color02{ background-color:#0c884a;color:#fff;font-weight:bold;margin:0 0px 0 10px!important; display:inline; padding:2px 5px;}
#news01 time span.cat-color03{ background-color:#532970;color:#fff;font-weight:bold;margin:0 0px 0 10px!important; display:inline; padding:2px 5px;}
#news01 time span.cat-color04{ background-color:#f16e22;color:#fff;font-weight:bold;margin:0 0px 0 10px!important; display:inline; padding:2px 5px;}
#news01 time span.cat-color05{ background-color:#125dc3;color:#fff;font-weight:bold;margin:0 0px 0 10px!important; display:inline; padding:2px 5px;}/*未実装*/

/* EMERGENCY STATE */
#emergency,
#emergency1,
#emergency body,
#emergency1 body { background-image: url(../images/global/body-stripe-repeater-emergency.png); }
#emergency .navigation-primary ul li:last-child:before,
#emergency1 .navigation-primary ul li:last-child:before { border-left-color: #ff1d34; }
#emergency .navigation-primary ul li:last-child,
#emergency1 .navigation-primary ul li:last-child { background-color: #ff1d34; }
#emergency1 .navigation-primary ul li:last-child:hover a { background-color: #fff; }



/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after, article:before, article:after { content: ""; display: table; }
.clearfix:after, article:after { clear: both; }
.clearfix, article { zoom: 1; }


/**主に記事用**/
.img-right{ float:right; margin:0 0 10px 10px;}
.img-left{ float:left; margin:0 10px 10px 0;}

/*キャンペーン*/
.article-jp .campaign-base { clear:both;  }
.article-jp .campaign-base h3 { font-size:18px;border-bottom: 2px solid rgba(170,170,170, .5); margin-bottom:10px;}
.article-jp .campaign-base h3 span { background-color:#61a534; padding:2px 5px 1px 5px; color:#fff; margin-left:70px; }

.article-jp .campaign-base dl {width:100%; margin:0; background-color:#FFF; margin-bottom:30px;}
.article-jp .campaign-base dt {float:left;width:140px; font-weight:bold; font-size:13px;}
.article-jp .campaign-base dd {margin-left:140px; margin-bottom:10px; font-size:13px; padding-bottom:3px;}


/*プレスルール　記事 http://111.68.215.25/aboutus/pressroom.html*/
.pressroom-sp section {height:auto; position:relative;overflow:visible;}
.pressroom-sp section p {position:absolute; top:-45px; right:10px;font-size:15px;font-weight:bold;}
@media only screen and (max-width: 640px) {
.pressroom-sp section p {position:relative; top:0px; right:auto;left:10px;}
}
@media screen and (min-width: 321px) and (max-width: 480px) {
.pressroom-sp section p {position:absolute; top:-45px;left:auto; right:10px;}
	}

/*today*/
.h-image{ position:relative; height:110px;}
.h-image h1 { position:absolute; top:10px; left:0px; font-size:34px!important; z-index:50; color:#fff;}
.h-image h1 strong { font-size:32px!important;}
.h-image p { position:absolute; top:58px; left:0px; font-size:16px; z-index:50; font-weight:bold; color:#fff;}
.h-image img { position:absolute; top:0px; left:0px; z-index:10;}

/* ==|== media queries ====================================================== */

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

/* ====================
    SMARTPHONE
   ==================== */
	html { padding-top: 6px; }
	body { width: 320px; padding-bottom: 5px; background: transparent url(../images/mobile/body-stripe-repeater-mobile.png) center bottom repeat-x; }
	.header-container header,
	.main-container .main,
	.footer-container footer { width: auto;  }
	.col { border-bottom: 0px; margin: 0; }
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {  width: 100%; margin:0; }
	.inner-col, .inner-col-2, .inner-col-3 { width: 100%; }
	.col-span, .col-span-2, .col-span-3, .col-span-4 { width: 100%; }
	.col-alt .col-span { margin-top:15px;}
	.intro { display:none; }
	.content-col { margin-bottom:0px; }
	.q1 blockquote, .q3 blockquote, .q3 blockquote { width: 100%; }
	.pullquote blockquote { float: none; width: 100%; }
	.pullquote p { float: none; }
	.q1 p, .q2 p, .q3 p  { clear: both; width: auto; }
	.video-block iframe { width: 100%; height:auto; }
	.js .social .addthis_toolbox { height: auto; }
	.col-3 .navigation-secondary { padding: 0; }
	
.js .social { padding: 15px 0 ; border-bottom:none; }	

	nav.count-4 ul li,
	nav.count-5 ul li,
	nav.count-6 ul li,
	nav.count-7 ul li,
	nav.count-8 ul li,
	nav.count-9 ul li,
	nav.count-10 ul li { width: 100%; float: none; }
	nav ul li a { border: none; }
	

	.navigation-secondary { background: #fff;font-size:13px; line-height:16px; }
	.navigation-secondary li { background-position: 20px 12px; }
	.navigation-secondary li a {display: block; padding: 5px 0 6px 40px;}

.navigation-secondary li.curr { background-position: 20px -38px;}
.navigation-secondary li ul { padding: 1px 10px; }

/*.navigation-secondary li.curr { background-position: 0px -38px;}*/

/*
.navigation-secondary ul li.curr a,
.navigation-secondary li:hover a { color: #545454; position: relative; top: -1px; padding-top: 8px; border-top: 1px solid #d8e9cd;  background-position: 20px 16px;}*/	
	.arrow-btn, .arrow-btn-jp01,.arrow-btn-form{ border-bottom-width: 1px; }
	.arrow-btn:before, .arrow-btn-jp01:before, .arrow-btn-form:before { top: 0; }
	.col-9 section .arrow-btn,.col-9 section .arrow-btn-jp01 { padding-top: 4px; }
	.col-9 section .arrow-btn:before,.col-9 section .arrow-btn-jp01:before { border-width: 12px; }
p .arrow-btn-jp-back.ml { margin-left:20%;}	

	/* Header */
	html { background: #eaeade url(../images/mobile/body-stripe-repeater-mobile.png) center 0 repeat-x; }
	.smart-phone-site .header-container { background: #fff; height: auto; padding: 0; margin: 0; margin-bottom: 10px; border-bottom: 2px solid rgba(170,170,170, .5); }
	.site-search,
	.navigation-tertiary,
	.navigation-primary { display: none; }
	.site .logo img { display:none; }
	.site .logo { height: 46px; background: transparent url(../images/japan/logo-jp-mobile.png) center 0 no-repeat; display: block; width: 117px; margin-left: 9px; }
	.site { width: 100%; padding: 17px 0; }

	/* Main */
	.main-container { background-color: #eaeade; }
	.main-container .col-12 { width: 100%; margin: 0 5px 5px 0px; }
	.main-container .col-12 .image-container { display:none; }
	.three-up-mod { background:none; width: 320px; margin: 0 auto 10px auto;  }
	.three-up-mod p { display:none; }
	
	/* Search */
	
	.main-container .smart-phone-search { margin: 0; background: transparent; }
	.site-search { position:relative; padding-bottom: 15px;	padding-top: 15px; margin-top: 0px; top: 0;	display: block;	background-color: #fff; border-bottom: solid 2px #D7D7C1; }
	.site-search input.submit { height:30px; width:30px; }
	.site-search .frow input[type="search"] { font-size:15px; width: 240px;	height: 28px;  }
	.site-search .frow { margin-right: 21px; }
		
	.level-0 .smart-phone-search { margin-top: 17px; }
	.level-0 .smart-phone-search .site-search { padding: 15px 0; }
	.level-1 .main h1 {	font-size: 20px; padding-top: 14px;	}
	.level-1 .content-col article:first-child { background-color:#61a534; }
	.level-1 .content-col article:first-child h1 { color:#fff; padding: 0; margin: 15px 20px 15px 0; }
	.level-2 .main h1 { font-size:17px; margin-top: 15px; }
	
	article .hc1,
	article .hc2 { margin: -15px 0 0 13px;	font-size: 15px; padding: 11px 18px 10px 13px; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; }
	
	.smart-phone-site .col-4 .support-hero {	min-height: 140px; background:transparent url(../images/mobile/support-women-bg-large.png) center 0 no-repeat; }
	.support-women-mod h1, 
	.support-women-mod h2 { text-align:center; padding-top: 39px; } 
	
	.social-wrapper { padding: 25px 0px 30px 0px;background: white; margin-top: 20px; margin-bottom: 10px; border-bottom: solid 2px #D7D7C1;  }


	footer .social a h3 { display:none; line-height:0px}
	footer .social a { display: block; width: 100%;	height: 50px; background: url(../images/japan/social-footer-icons-jp.png) 0px 0px no-repeat; }
	footer .social ul { display:none; }
	footer .social ul li p, .content { display:none;  }
	footer .link-lists { display:none; }
	footer li { clear:none; }
.footer-global .social h3 { font-size: 13px; color: #333; height:50px; text-align:center; line-height:0px}	
	.footer-global .social { width:320px; margin:auto; padding: 10px 0 0 0; border-bottom: 0px; }
.footer-global .social .facebook a { background-position: 0px 0px; }
.footer-global .social .twitter a{ background-position: 0px -100px; }
.footer-global .social .youtube a { background-position: 0px -200px; }
.footer-global .social .flickr a{ background-position: 0px -300px; }
.footer-global .social .mailmagazine a{ background-position: 0px -400px; }
	.smart-phone-site .footer-global .social a { width: 100%; }
	.footer-global .column { width: 50px; float:left; border-right:solid 2px #eaeade; padding-right: 1px; }
	.footer-global .column { margin: 0 3px; }
	.footer-global .column:last-child { float:left; border-right:none; }
	.footer-global .column:first-child { padding-left: 15px; }

	.footer-global .site-links {  padding: 0 5%; }
	.footer-global .site-links li { display:block; border-right: none; border-bottom: 1px solid #f0efe0;  margin: 0; width: 90%;  }
	.footer-global .site-links { background-color:#f9fcf1; margin: 0 0px; }  
	.footer-global .site-links a { color: #61A534; font-size: 13px; display: block; padding :10px 0 ; }	
	
	.footer .footer-logo { left: 50%; margin-left: -60px; top: 0px; width: 120px; height: 65px; background: transparent url(../images/japan/logo-jp-mobile.png) 0 0 no-repeat; margin-top: 15px; }
	.footer .site-info p {	padding-top: 75px; padding-bottom: 35px; color:#666666; font-size:12px; width: 300px; text-align: center; line-height: 20px; margin: auto; width: 100%; }
	.footer .site-info { background-color: white; margin: 0 0; }
.footer .footer-sp { display:inline;}

	/* Content Level */
	.main-container .breadcrumb { padding-bottom: 17px;	padding-top: 11px; height: 17px; background-color: #eaeade; margin:0 0 0 0; }
	.breadcrumb a { display:none; }
	

	

	.breadcrumb a:first-child { display:block; float:left;width:auto; padding:0 0 0 10px; font-size:13px; margin:0; font-weight:bold; text-indent:-9999em;background:none;  text-transform:none;}

	/*	
.breadcrumb a:first-child { float:left; background: transparent url(../images/global/arrow-2.png) 0 0px no-repeat; 
		-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
	   -ms-transform:rotate(180deg);
	   -o-transform:rotate(180deg);
		transform:rotate(180deg); 
	}
	*/	
	

	.breadcrumb a:last-of-type { display:block; float:left; padding:0 0 0 10px; color:#61A534; font-weight:bold; font-size:13px; text-transform:none; margin:0; text-indent: 1em;background: transparent url(../images/global/arrow-2.png) 14px 5px no-repeat;}
/*
	.breadcrumb a:last-of-type { display:block; float:left; padding-left:10px; color:#61A534; font-weight:bold; font-size:13px; text-transform:lowercase; }
*/		
	
	
	
	.breadcrumb a:last-of-type::after { content:"へ戻る"; }
	.breadcrumb a:last-of-type:first-letter { text-transform:none; }
	.breadcrumb em { display:none; }
	.breadcrumb strong { display:none; }
	.main-container .footer-breadcrumb { margin-top: 10px; }
	
	figure { width: 100%; margin-left: -20px; }
	figure img { width: 100%; height:auto; }
	
	.continue { background-image: url(../images/mobile/arrow.png); background-position: right 58%; }
	.cc1 { background-image: url(../images/mobile/arrow-1.png); }
	.cc2 { background-image: url(../images/mobile/arrow-2.png); }
	.cc3 { background-image: url(../images/mobile/arrow-3.png); }
	.cc4 { background-image: url(../images/mobile/arrow-4.png); }
	.cc5 { background-image: url(../images/mobile/arrow-5.png); }
	.cc6 { background-image: url(../images/mobile/arrow-6.png); }
	.cc7 { background-image: url(../images/mobile/arrow-7.png); }
	.cc8 { background-image: url(../images/mobile/arrow-7.png); }

	/* Navigation */
	
	.smart-phone-overlay { background: rgba(0,0,0, .5) url(../images/mobile/close-icon.png) 9px 17px no-repeat; z-index: 350; left: 0; top: 0; position: absolute; display: none; }
	.smart-phone-wrapper { overflow: hidden; width: 100%; position: relative; background: #f9fcf1; }
	.smart-phone-site { background: #eaeade;
		position: relative; 
		-webkit-transition: all .2s ease-out;
	  -moz-transition: all .2s ease-out;
	  -o-transition: all .2s ease-out;
	  -ms-transition: all .2s ease-out;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate(0,0);
		}
		
	.smart-phone-nav { position: absolute; width: 82%; right: -82%; top: 0; z-index: 400; background: #eaeade;
		-webkit-transition: all .2s ease-in-out;
	  -moz-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out;
	  -ms-transition: all .2s ease-in-out;
		-webkit-transform: translate(80%,0);
		-moz-transform: translate(80%,0);
		-o-transform: translate(80%,0);
		-ms-transform: translate(80%,0);
	}
	
	.smart-phone-site.nav-in {
		-webkit-transform: translate(-80%,0);
		-moz-transform: translate(-80%,0);
		-o-transform: translate(-80%,0);
		-ms-transform: translate(-80%,0);
	}
	
	.smart-phone-nav.nav-in {
		-webkit-transform: translate(-100%,0);
		-moz-transform: translate(-100%,0);
		-o-transform: translate(-100%,0);
		-ms-transform: translate(-100%,0);
	}
	
	.smart-phone-nav .navigation-primary { display: block; }
	.smart-phone-nav .navigation-primary a { border: 0; border-bottom: 1px solid #91c071; text-align: left; padding-left: 10px; }
	.smart-phone-nav .navigation-primary li:first-child a { border-top: 1px solid #59972d; }
	.smart-phone-nav .navigation-primary li:last-child { width: 100%; background: transparent; }
	.smart-phone-nav .navigation-primary li:last-child:hover { background: #fff; }
	.smart-phone-nav .navigation-primary li:last-child:hover a { color: #545454; }
	.smart-phone-nav .site-links { margin: 0; padding: 0; list-style: none; }
	.smart-phone-nav .site-links li { height: 40px; }
	.smart-phone-nav .site-links a { display: block; padding: 10px 0 8px 10px; border-bottom: 1px solid #f0efe0; color: #61a534; font-size: 13px; text-align: left; text-decoration: none; font-weight: bold;  }
	.smart-phone-nav .site-links a:hover { text-decoration: underline; }
	.smart-phone-nav .site-search { padding: 15px 10px; }
	.smart-phone-nav .site-search .frow { margin: 0; }
	.smart-phone-nav .site-search .frow input[type="search"] { width: 194px; margin: 0; }
	.smart-phone-nav-btn { -webkit-tap-highlight-color: transparent ;position: absolute; right: 30px; top: 20px; background: #61A534 url(../images/mobile/smart-phone-nav-btn.png) 15% 50% no-repeat; cursor: pointer; padding: 10px 5px 10px 35px; font-size: 15px; font-weight: bold; color: #fff; display: inline-block; }

	.sp-hide { display:none!important; } 
	
	.index-news { height:100%; padding-top:70px;}
	
	
	
	/*jp*/
	.arrow-btn-jp01 { min-width:1px;}
	.col-9 section .arrow-btn-jp01 { font-size: 14px; line-height:18px; font-weight: bold; padding-top: 10px; padding-bottom: 8px; margin-left:20px; margin-left:0px;}
.col-9 section .arrow-btn-jp01:before { border-width: 17px; }

/*フッター*/
.footer .site-info { margin: 0 10px; }

/*02.html 03 06*/
.box01 .inner-col{ height:auto;}
.box01 .inner-col p{ margin-top:10px; text-align:left;}
/*06*/
.area .box01 .inner-col{ height:80px; float:none; padding-left:10px; border:none;}
.area .box01 .inner-col p{ margin-top:25px; text-align:left; }
.index-dt { margin:0;}
.index-dt dl {width:100%; margin:0; background-color:#FFF;}
.index-dt dt {float:none;width:100%; font-weight:bold; font-size:13px;}
.index-dt dd {margin-left:0; margin-bottom:10px; font-size:12px; border-bottom:1px solid #aaa; padding-bottom:10px;}



/*arrow*/
.arrow-btn-jp02 { min-width:89%; cursor: pointer; padding: 9px 10px; font-size: 14px; line-height:23px; font-weight: bold; border-bottom: 2px solid #dedede; position: relative; color: #fff; background: #f16e22; background-image: url(../images/global/arrow-7.png); background-position: right 50%; background-repeat: no-repeat; display: inline-block;
}
.arrow-btn-jp02:after, .arrow-btn-jp02:before { border:solid transparent; content: ' '; height: 0; left: 100%; position: absolute; width: 0; }
.arrow-btn-jp02:before { border-width: 20px; border-left-color: #f16e22; top: 1px; }
@-moz-document url-prefix(){
	 .arrow-btn-jp02:before { border-width: 20px; }
}
.ie8 .arrow-btn-jp02:before { top: 0; }
.ie7 .arrow-btn-jp02,
.ie6 .arrow-btn-jp02 { padding-right: 25px; padding-top: 5px; background-position: 95% 50%; }

/*05*/
h2.hline { font-family: 'OxfamGlobalHeadlineRegular','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro','HiraKakuPro-W3';font-size: 16px; margin:10px 20px 0px 20px; font-weight:normal; padding: 0px 0px 5px 0px;border-bottom:2px solid #F16E22;}

/*テキストがオーバーした際の挙動*/
.over-txt{ /*white-space: nowrap;*/
  overflow: hidden;
  
  /*text-overflow: ellipsis;*/}
  
/*index*/
.index-news{ position:static; padding-top:0px; margin-top:15px;/*height:237px;*/}

.index-news footer { position:static; font-size:12px!important; font-weight:bold; text-align:right;}
.index-news footer a { font-size:12px!important;}

.index-hide { display:block;}
.index-hide h1{ font-size:15px!important; font-family: sans-serif!important; margin:15px 0 10px 15px!important; line-height:18px!important;}
.index-hide p{ font-size:13px!important;margin:0px 15px 5px!important;line-height:16px!important; padding:0!important; width:93%!important;}
.index-hide h1 + p{ font-size:14px!important; font-weight:normal!important;font-family: 'OxfamGlobalHeadlineRegular'!important;line-height:18px!important;}


.country dt {float:none;width:200px; font-weight:bold; font-size:13px; padding-left:10px;}
.country dd {margin-left:0px; font-size:13px; padding-bottom:3px; padding-left:10px; padding-right:10px;}
.country-txt dt {float:none;padding-left:0px;}
.country-txt dd {margin-left:0px; margin-bottom:10px;}

.mb { width:100%; height:auto;}
}


	@media screen and (min-width: 321px) and (max-width: 480px) {
		
	/* ========================
	    LANDSCAPE Formally max-width:480px
	   ======================== */
	
	body { width: 480px; }
	.site-search .frow input[type="search"] { width: 395px; }
	.smart-phone-nav .site-search .frow input[type="search"]  { width: 330px; }
	
	p .arrow-btn-jp-back.ml { margin-left:30%;}	
	}
	
/*	@media screen and (max-width: 535px) { */
		
	/* ========================
	    LANDSCAPE NEXUS
	   ======================== */
	
	/*body { width: 535px; }
	.site-search .frow input[type="search"] { width: 450px; }
	.smart-phone-nav .site-search .frow input[type="search"]  { width: 385px; }
	}
	*/
/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}