@charset "utf-8";
/*
 * global.js
 * 
 * CSS for Contents - HTML5/CSS3 Template by Masanori Kawase
 * 
 * Copyright 2012 Masanori Kawase, adiva
 * http://www.adiva.jp
 * 
 */


/*
 * Global Setting 
 * ================================================================================
 */


/*	Reset
	------------------	*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
	position:relative;
	box-sizing:border-box;
}

div, dl, dt, dd, h1, h2, li > a {
	display: block;
	position:relative;
	box-sizing:border-box;
/*	background-clip:padding-box;*/
/*	background-origin:padding-box;*/
}
ul {
	list-style-type: none;
}
ul, li {
	box-sizing:border-box;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}


a:active {
	outline:0px none black;
}
a:focus {
	outline:0px none black;
}

/* Selection Colours 
	------------------	*/
::selection 	 	{background: #fff;}
::-moz-selection 	{background: #fff;}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}


/* Webkit Fix
	------------------	*/
body {
/*	-webkit-tap-highlight-color: #fff;*/
	-webkit-tap-highlight-color: rgba(255,255,255, 0.3);
	-webkit-touch-callout:none;
	-webkit-user-select: text;
	-webkit-text-size-adjust: none;
}

a {text-decoration:none;word-wrap:break-word;}
/*a:link {color:#111;}
a:visited {color:#444;}
a:hover {color:fff;}*/
a:active {outline:0px none black;}
a:focus {outline:0px none black;}

a img {border: none;}




html {
	overflow-y:scroll;
}




body {
	font-family: Arial, Helvetica, "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN W3", メイリオ, "ＭＳ Ｐゴシック", sans-serif;
/*	font-family: Arial, Helvetica, sans-serif;*/
	color: #222;
	font-size:100%;
}
/*@media only screen and (-webkit-max-device-pixel-ratio: 1.4) {
	body {font-size:100%;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.9) {
	body {font-size:100%;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.0) {
	body {font-size:100%;}
}*/

/*
 * Common Style 
 * ================================================================================
 */
/*

@font-face {
    font-family: 'DroidSans';
    src: url('font/DroidSans-webfont.eot?') format('eot'),
         url('font/DroidSans-webfont.woff') format('woff'),
         url('font/DroidSans-webfont.ttf') format('truetype'),
         url('font/DroidSans-webfont.svg#webfontw7zqO19G') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansMono';
    src: url('font/DroidSans-Mono-webfont.eot?') format('eot'),
         url('font/DroidSans-Mono-webfont.woff') format('woff'),
         url('font/DroidSans-Mono-webfont.ttf') format('truetype'),
         url('font/DroidSans-Mono-webfont.svg#webfontSOhoM6aS') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSerif';
    src: url('font/DroidSerif-webfont.eot?') format('eot'),
         url('font/DroidSerif-webfont.woff') format('woff'),
         url('font/DroidSerif-webfont.ttf') format('truetype'),
         url('font/DroidSerif-webfont.svg#webfontw7zqO19G') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

/*	Font Style
	------------------	*/
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:normal;
}

address {
	font-style: normal;
	line-height:1 !important;
}

.nowrap {
	white-space: nowrap;
}
.disp_n {
	display:none;
}

.xxlarge {
	font-size: 880%;
/*	line-height: 9;
	letter-spacing: -2px;*/
}
.xlarge {
	font-size: 360%;
}
.larger {
	font-size: 240%;
}
.large {
	font-size: 180%;
}
.bigger {
	font-size: 140%;
}
.big {
	font-size: 120%;
}
.normal, normal {
	font-size: 100%;
}
.small, small {
	font-size: 90%;
}
.xsmall {
	font-size: 80%;
}


.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}

.bold {
	font-weight:bold;
}


.fc_black {
	color:#000;
}
.fc_white {
	color:#fff;
}
.fc_darkgray {
	color:#222;
}
.fc_lightgray {
	color:#ddd;
}
.fc_gray {
	color:#888;
}


.fc_green {
	color:#237A42;
}
.fc_blue {
	color:#2D2778;
}
.fc_darkblue {
	color:#303f6a;
}
.fc_red {
/*	color:#78272D;*/
	color:#f00;
}
.fc_orange {
	color:#f60;
}
.fc_purple {
	color:#921d3e;
}

.lh_1 {
	line-height:1 !important;
}

.url {
color:#000;
text-decoration:underline;

}



/* Gradient 
	------------------	
.gradientOrange {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ffc300));
}*/


/* Text Shadow 
	------------------	*/
.tshadow {
	text-shadow: 0px -1px 1px #000;
	text-shadow: 0px -1px 1px rgba(0,0,0, 0.85);
}
.tshadowWhite {
	text-shadow: 0px 1px 1px #fff;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.85);
}

/* Box Shadow 
	------------------	*/
.boxshadow {
	box-shadow: 0 2px 4px #000;
	box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}



.hide {
	display:none !important;
}