@charset "UTF-8";
/*
======== table of content. =================================

Last Updated:2012.01
summary:基本設定・ワイヤーフレームCSS定義

- RESET
- BASE LINK COLOR
- FONTSIZE & COLOR
- HTML
- BODY
- NONVISUALMENU
- NOJS
- WRAPPER
- HEADER
- FOOTER

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

/*-----------------------------------------------------
RESET
-------------------------------------------------------*/
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,
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; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a,
a:link,
a:visited,
a:hover,
a:active { text-decoration:none }
table { border-collapse:separate; border-spacing:0; }
th,
td { text-align:left; font-weight:normal; }
img,
iframe { border:none; text-decoration:none; }
ol,
ul { list-style:none; }
input,
textarea,
select,
button { font-size:100%; font-family:inherit; }
select { margin:inherit; }
hr { margin:0; padding:0; border:0; color:#000; background-color:#000; height:1px }
/*-----------------------------------------------------
BASE LINK COLOR
-------------------------------------------------------*/
.clean-gray a { color:#666666!important; }
a { text-decoration:none!important; color: #08C!important; }
a:hover { color:#08C!important; text-decoration:none; }
/*-----------------------------------------------------
HTML
-------------------------------------------------------*/

html {/*overflow-y:scroll;background-color:#000;*/ }
/*@media screen and (max-device-width: 480px) {
	html{margin:0;padding:0;width:1024px;overflow:hidden;}
	body{position:static;overflow: hidden;margin: 0;padding: 0;width:1024px;overflow:hidden;}

}
@media screen and (max-device-width: 1024px) {
	html{margin:0;padding:0;width:1024px;overflow:hidden;}
	body{position:static;overflow: hidden;margin: 0;padding: 0;width;1024px;overflow:hidden;}
}
*/

/*-----------------------------------------------------
FONT-SIZE & COLOR
-------------------------------------------------------*/
/* DEFAULT FONT-SIZE */

h2,
h3,
p,
li,
table,
dt,
dd,
table,
blockquote,
form,
input,
select { font-size:12px; }
input,
select { vertical-align:top; }
ol { margin:0; padding:0; }
/* DEFAULT COLOR */

.gray { color:#646464; }
.blue { color:#2426A5; }
/*----------------------------------
LINE-HEIGHT
------------------------------------*/
p { line-height:1.4; }
/*-----------------------------------------------------
BODY
-------------------------------------------------------*/
body { width:100%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif; color:#323232; /*overflow-x: hidden!important;*/
	background-color:#FFF; }
/*-----------------------------------------------------
WRAPPER
-------------------------------------------------------*/
#wrapper { width:100%; text-align:left; border:none; }
.layout-container { width:978px!important; margin-left:auto; margin-right:auto; }
/*-----------------------------------------------------
HEADER
-------------------------------------------------------*/
#header h1 { line-height:1em!important; }
#header h1 img { margin:0!important; padding:0!important; }
/*-----------------------------------------------------
TO TOP
-------------------------------------------------------*/
div#pagetop { clear:both!important; padding:0px 0px 0px 0px!important; text-align:center; }
/*-----------------------------------------------------
FOOTER
-------------------------------------------------------*/


.underline { border-bottom:1px #999 dotted!important; border-top:2px solid #E5000D; margin-top:5px; padding-top:5px; }
hr { border:none; border-bottom:1px #ccc dotted; height:1px; }
.dotted { border-bottom:1px #ccc dotted; }
.dotted-top { border-top:1px #ccc dotted; }
.error { color:#F00; font-weight:bold; }

.button {
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	line-height: 50px;
}
.button:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}