@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*vertical-align: baseline;
    background: transparent;*/

}
body {
	font-size: 14px;
	*font-size: 90%;
	color : #222222;
	font-style: normal;
	line-height: 1.6;
	font-weight: normal;
	font-variant: normal;
	overflow-x: hidden;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #304282;
	background-image: url(../images/common/bg_body.png);
	background-repeat: repeat-x;
}

img { clear:both; }
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

strong { color:#831D2B; }
 
/* remember to define focus styles! */
:focus {
    outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
/*==========================================
	LINK
==========================================*/

a { color: #222222; text-decoration: underline; }
a:hover { color: #3042AE; text-decoration:none; }



#header #navigation a:hover img,
#container a:hover img,
#footer_in a:hover img {
	filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;
	zoom: 1;
}

/*==========================================
	color
==========================================*/

.red { color:#FF0000; }
.blue {	color: #0066CC; }
.orange { color: #FF6600; }
.yellow { color: #FF9900; }
.white { color: #FFF; }


/*==========================================
	font
==========================================*/

.font12 { font-size:12px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }
.font20 { font-size:20px; }
.font22 { font-size:22px; }
.font24 { font-size:24px; }

.underline { text-decoration:underline; }

/*==========================================
	SPACE
==========================================*/
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }

.pl5 { padding-left:5px; }


/*==========================================
	IMAGE
==========================================*/

img.img-fl {
	float:left;
	margin-right:12px;
	margin-bottom:10px;
	border:#fff 3px solid;
}

img.img-fr {
	float:right;
	margin-left:12px;
	margin-bottom:10px;
}