@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　ページ共有のスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */

/* 基本フォント ------------------------------ */

body {
	color: #000000;
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

input,textarea,select {
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
}

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

/*\*/
* html body {
	font-size: 90%;
}
* html table {
	font-size: 100%;
	line-height: 1.5;
}
*:first-child+html body {
	font-size: 90%;
}
/**/


/* 基本タグ ------------------------------ */

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF url(../img/bg.jpg) repeat-x left bottom;
	text-align: center;
}

img,table {
	border: none;
}

table {
	border-collapse: collapse;
}

ul {
	list-style: none;
}

li img,
dt img {
	vertical-align: bottom;
}

address,em,cite {
	font-style: normal;
}


/* 基本テキストリンク ------------------------------ */

a:link {
	color: #0062be;
	text-decoration:underline;
}
a:visited {
	color: #0062be;
	text-decoration:underline;
}
a:hover {
	color: #002f5b;
	text-decoration:underline;
}
a:active {
	color: #002f5b;
	text-decoration:underline;
}


/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/


/* --------------------------------------------------------------------------------------
 レイアウト枠
--------------------------------------------------------------------------------------- */

div#wrap {
	width: 1078px;
	margin: 0 auto;
	background: url(../img/bg_contents.gif) repeat-y;
	text-align: left;
}

div#contentsWrap {
	width: 950px;
	margin: 16px 0 0 64px;
}

div#contents {
	float: right;
	width: 760px;
}

div#main {
	float: left;
	width: 570px;
}

div#side {
	float: right;
	width: 180px;
}

div#bnrArea {
	float: left;
	width: 180px;
}


/* --------------------------------------------------------------------------------------
 header
--------------------------------------------------------------------------------------- */

div#header {
	width: 950px;
	margin-left: 64px;
	padding-top: 10px;
}

div#header .logo {
	float: left;
	margin-right: 15px;
}

div#header .logo2 {
	float: left;
	margin-right: 15px;
	height: 45px;
}

div#header .logo3 {
	float: left;
	margin-right: 15px;
	height: 50px;
}

div#header .logo img {
	vertical-align: top;
}

div#header h1 {
	padding-top: 25px;
	font-size: 120%;
}

div#header .imgArea {
	position: relative;
	width: 950px;
	height: 405px;
	margin-top: 4px;
	background: url(../img/header_bg_01.jpg) no-repeat;
}

div#header .imgArea .txt01 {
	padding: 7px 0 0 127px;
}

div#header .imgArea .txt02 {
	position:absolute;
	top:169px;
	left:22px;
	z-index:5;
}

div#header .imgArea .img01 {
	position:absolute;
	top:207px;
	left:39px;
	outline: none;
}

div#header .imgArea .img02 {
	position:absolute;
	top:210px;
	left:367px;
}

div#header .nav {
	width: 950px;
	height: 46px;
	background: url(../img/nav_bg_01.jpg) no-repeat;
}

div#header .nav ul {
	padding: 5px 0 0 10px;
}

div#header .nav ul li {
	float: left;
}

div#header .nav ul li a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
}

div#header .nav ul li.on img {
	opacity: 0;
	filter: alpha(opacity=0);
}

div#header .tlogo{
	position:absolute;
	top:18px;
}


/* --------------------------------------------------------------------------------------
 main
--------------------------------------------------------------------------------------- */

div#main .lineBox01 {
	width: 570px;
	margin-bottom: 18px;
	background: url(../img/box_bg_01_rp.gif) repeat-y;
}
div#main .lineBox01Tp {
	width: 570px;
	background: url(../img/box_bg_01_tp.gif) no-repeat;
}
div#main .lineBox01Bt {
	padding: 15px;
	background: url(../img/box_bg_01_bt.gif) no-repeat left bottom;
}

div#main .titleLine {
	padding-bottom: 6px;
	background: url(../img/line_bg_01.gif) repeat-x left bottom;
	color: #2E57A5;
	font-size: 130%;
	font-weight: bold;
}

div#main .titleLine2 {
	padding-bottom: 6px;
	background: url(../img/line_bg_02.gif) repeat-x left bottom;
	color: #000000;
	font-size: 120%;
	font-weight: bold;
}

/* --------------------------------------------------------------------------------------
 side
--------------------------------------------------------------------------------------- */

div#side .method {
	padding: 10px;
	border: 1px solid #7F7F7F;
	text-align: center;
}

div#side .method img {
	vertical-align: top;
}

div#side .method .txt {
	margin-top: 8px;
	padding: 0 4px;
	text-align: left;
}

div#side .method ul {
	margin-bottom: 5px;
	padding-bottom: 21px;
	background: url(../img/side_bg_01.gif) no-repeat center bottom;
}

div#side .method li {
	margin-top: 8px;
}

div#side .method .btn {
	margin-left: 5px;
	background: url(../img/side_btn_01_on.gif) no-repeat;
	text-align: left;
}
div#side .method .btn a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
}



/* --------------------------------------------------------------------------------------
 bnrArea
--------------------------------------------------------------------------------------- */

div#bnrArea li {
	margin-bottom: 10px;
}


/* --------------------------------------------------------------------------------------
 footer
--------------------------------------------------------------------------------------- */

div#footer {
	width: 950px;
	margin: 30px 0 0 64px;
	padding: 230px 0 8px;
	background: url(../img/bg_footer.gif) no-repeat;
	text-align: center;
	color: #2E57A5;
}

div#footer a:link,
div#footer a:visited,
div#footer a:hover,
div#footer a:active {
	color: #2E57A5;
	text-decoration: none;
}

div#footer ul {
	margin-bottom: 25px;
}

div#footer li {
	display: inline;
	padding: 0 15px;
	border-left: 1px solid #2E57A5;
}

div#footer li.first {
	border-left: none;
}