@charset "utf-8";

/*
全体のフォント設定
----------------------------------------------------------- */
html {
    /* height: 100%; */
}

body {
    background-color: #FFF; /* #ECECEC */
    /* height: 100%; */
    color: #555; /* #666666 */
    font-size: 90%; /* 14px or 12px */
    line-height: 1.5em; /* 行間（1.3em or 1.6em） */
    letter-spacing: 2px; /* 文字間（2px or 1px） */
    word-spacing: 0px; /* 半角スペースで区切られた単語と単語の間隔を指定 */
    font-family:
    "メイリオ",
    Meiryo,
    "ＭＳ Ｐゴシック",
    sans-serif;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
	min-width:900px;
}

/*
共通設定
http://www.webbibo.com/blog/htmlcss/blockquote-css.html
----------------------------------------------------------- */
em {
	color: #003366;
	font-style:normal;
}

table {
	border:none;
	font-size: 90%; /* 14px or 12px */
    line-height: 1.4em; /* 行間（1.3em or 1.6em） */
}


a:link {
	color: #003366;
	text-decoration: underline;/*未訪問リンク*/
}
a:visited {
	color: #003366;
	text-decoration: underline;/*訪問済みリンク*/
}
a:hover {
	color: #FF6600;
	text-decoration: underline;/*マウスオーバー時*/
}
a:active {
	color: #FF6600;
	text-decoration: underline;/*クリック時*/
}


img.img_Left {
	float:left;
	display: inline-block;
}
img.img_Right {
	float:right;
}
img.img_Right_b15 {
	float:right;
	margin:0px 0px 15px 15px;
}

img{
    vertical-align: text-bottom;
    -ms-interpolation-mode: bicubic; /* IEで画像縮小時の劣化防止 */
}



/*
レイアウト
http://dotinstall.com/lessons/website_html/9003
http://www.css-lecture.com/log/css/037.html
http://unformedbuilding.com/articles/fixed-nav-with-jquery/
----------------------------------------------------------- */
#container {
    position:relative;
	padding:0 20px;
	margin: 0 auto;
	width: 100%;
	background: url(../common/header_back.gif) repeat-x;
    /* height: 100%; */
}



/*
Header
----------------------------------------------------------- */
#header {
	width: 900px;
	height: 80px;
	text-align: left;
	margin: 0 auto;
}

#header h1 {
	float: left;
	color: #FFF;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	line-height:2.2;
	height: 25px;
	width: 900px;
	margin:0;
}


/*
Globalnavi
----------------------------------------------------------- */
#global-nav {
	clear: both;
	width: 900px;
	margin: 0 auto;
	height: 45px;
	text-align: left;
}
#global-nav ul {
	list-style: none;
	line-height: 0;
	margin:0px;
	padding: 0px;
}
#global-nav li {
	float: left;
	padding: 0px;
	margin: 0px;
	display: inline;
}


/*
Contents
----------------------------------------------------------- */
#contents {
	position: relative;
	margin: 0 auto;
	width: 900px;
}
/* --- clearfix --- */

#contents:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents {
	zoom: 1;
}
/* --- end clearfix --- */



/*
Main
----------------------------------------------------------- */
#main {
	float: right;
	margin-top:10px;
	text-align: left;
	overflow: hidden;
	width: 670px;
	height:auto;
	display:inline;/* --- win ie6 use --- */
}




/*
Side Menu
----------------------------------------------------------- */
#side_navi {
	float: left;
	width: 220px;
	display:inline;/* --- win ie6 use --- */
	margin-top:6px;
	margin-bottom:20px;
}

img.side_title {
	margin-top:5px;
}

img.ireba {
	margin-top:20px;
}

ul.side_list {
	width: 220px;
	list-style: none;
	margin:0px;
	background: url(../common/side_back.gif) no-repeat bottom;
	padding:5px 0px 15px 0px;
}

ul.side_list li {
	display: table;
	font-size:80%;
	line-height:2.2;
	height:25px;
	width: 220px;
	text-align:left;
	text-indent:25px;
	background: url(../common/side_listback.gif) no-repeat top;
}

ul.side_list_down {
	width: 220px;
	list-style: none;
	margin:0px;
	background: url(../common/side_back_down.gif) no-repeat bottom;
	padding:5px 0px 15px 0px;
}
ul.side_list_down li {
	display: table;
	font-size:80%;
	line-height:2.2;
	height:25px;
	width: 220px;
	text-align:left;
	text-indent:25px;
	background: url(../common/side_listback_down.gif) no-repeat top;
}


/*
Footer
----------------------------------------------------------- */
#footer {
	height: 75px;
	background: url(../common/footer_back.gif) repeat-x;
	width: 100%;
	padding:0 20px;
}
#footer_inner {
	width: 900px;
	height:40px;
	display:table;
	margin: 0 auto;
	padding-top: 15px;
}
ul.foot_link {
	float: left;
	list-style: none;
	margin:0px;
	padding:0px;
}
ul.foot_link li {
	float: left;
	display: inline;
}


/*
GoUp
----------------------------------------------------------- */

.GoUp {
	width:670px;
	clear:both;
	display:block;
	margin:-2px 0 0;
	padding:0 0 15px;
	text-align:right;
	font-size:10px;
}
.GoUp span {
	background:url(../common//up_arrow.gif) no-repeat right 50%;
}
.GoUp span a {
	padding:0 12px 0 0;
}