
/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 12px;
	line-height: 22px;
}
/* 2015/06/23修正 */
body {
	color:#323232;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
}
/* 2015/06/23修正end */
input[type=text],input[type=password]{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 18px;
}

select{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 14px;
}

/* 2015/05/19追加 */
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
/* 2015/05/19追加end */

/* 2015/06/26追加 */
.clear {
    clear:both;
}
/* 2015/06/26追加end */

/* font
===============================================================*/
a {
	color:#323232;
	text-decoration:none;
}

a:visited {
	color:#323232;
	text-decoration:none;
}

a:hover {
	color:#323232;
	text-decoration: underline;
}

a:active {
	color:#323232;
	text-decoration: underline;
}


/* Contents
===============================================================*/
article {
	background:url(../images/common/img_bg_03.gif) repeat-x 0 0;
	overflow: hidden;
}

div.article_inner {
	width:1170px;
	/* 2015/06/26/修正 */
	padding:20px 0 0 0;
	/* 2015/06/26/修正end */
	margin:0 auto;
	position: relative;
}

div.article_inner2 {
	width:1210px;
	/* 2015/06/26/修正 */
	padding:20px 0 0 0;
	/* 2015/06/26/修正end */
	margin:0 auto;
}


.pcnone {
	display:none !important;
}


/* header
===============================================================*/
header {
	min-width:1170px;
	background:url(../images/common/img_bg_01.jpg) repeat-x 0 0;
}

header div.header_top {
	width:1174px;
	margin:0 auto;
	position:relative;
	z-index:100;
}

header div.header_top h1.logo {
	width:147px;
	float:left;
	padding:41px 0 0 33px;
}

header div.header_top h1.logo a {
	display:block;
	width:147px;
	height:45px;
	text-indent:-9999px;
	background:url(../images/common/logo.gif) no-repeat 0 0;
}

header div.header_top ul {
	padding:4px 0 0 0;
	position:absolute;
	top:0;
	right:150px;
/* fujii wrote from here ------------- */
	left: 150px\9;
}
:root header div.header_top ul {
   right: 150px;
/* fujii wrote to here ------------- */
}

header div.header_top ul li {
	padding:0 15px 0 10px;
	background:url(../images/common/img_ar_01.gif) no-repeat 0 7px;
	float:left;
}

header div.header_top div.h_menu {
	width:127px;
	height:39px;
	text-indent:-9999px;
	position:absolute;
	top:0;
	right:5px;
/* fujii wrote from here ------------- */
	left: 5px\9;
}
:root header div.header_top div.h_menu {
   right: 5px;
/* fujii wrote to here ------------- */
}

header div.header_top p.login a {
	display:block;
	width:127px;
	height:39px;
	background:url(../images/common/img_btn_01.gif) no-repeat 0 0;
}

header div.header_top p.logout {
	width:127px;
	height:39px;
	text-indent:-9999px;
	position:absolute;
	top:0;
	right:5px;
}

header div.header_top p.logout a {
	display:block;
	width:127px;
	height:39px;
	background:url(../images/common/img_btn_03.gif) no-repeat 0 0;
}

header div.header_top p.logout a:hover {
	background:url(../images/common/img_btn_03.gif) no-repeat 0 -39px;
}

header div.header_top div.txt_area {
	width:926px;
	padding:47px 5px 0 0;
	float:right;
}

header div.header_top div.txt_area p.note {
	width:603px;
	color:#0068b7;
	padding:5px 5px 5px 32px;
	background:url(../images/common/img_ic_03.gif) #d4eeff no-repeat 4px 2px;
	float:left;
	position:relative;
	top:2px;
	left:0;
}

header div.header_top div.txt_area div.note2 {
	width:515px;
	padding:0 0 0 90px;
	position:absolute;
	top:38px;
	left:230px;
}

header div.header_top div.txt_area div.note2 p.point {
	padding:5px 5px 0 5px;
	background-color: #d4eeff;
}

header div.header_top div.txt_area div.note2 p.point span {
	color:#e60012;
	font-size:14px;
	font-weight:bold;
}

header div.header_top div.txt_area div.note2 p.ic {
	color:#0068b7;
	padding:2px 5px 5px 32px;
	background:url(../images/common/img_ic_03.gif) #d4eeff no-repeat 4px 0;
}


header div.header_top div.txt_area div.btn {
	width:278px;
	float:right;
}

header div.header_top div.txt_area div.btn p a {
	display:block;
	width:278px;
	height:38px;
	text-indent:-9999px;
	background:url(../images/common/img_btn_02.gif) no-repeat 0 0;
}

header div.header_top div.txt_area div.btn p a:hover {
	background:url(../images/common/img_btn_02.gif) no-repeat 0 -38px;
}

header div.header_top div.txt_area div.btn2 {
	width:315px;
	float:right;
}

header div.header_top div.txt_area div.btn2 p {
	text-indent:-9999px;
}

header div.header_top div.txt_area div.btn2 p.history {
	width:159px;
	float:left;
}

header div.header_top div.txt_area div.btn2 p.history a {
	display:block;
	width:156px;
	height:39px;
	background:url(../images/common/img_btn_04.gif) no-repeat 0 0;
}

header div.header_top div.txt_area div.btn2 p.history a:hover {
	background:url(../images/common/img_btn_04.gif) no-repeat 0 -39px;
}

header div.header_top div.txt_area div.btn2 p.info {
	width:159px;
	float:left;
}

header div.header_top div.txt_area div.btn2 p.info a {
	display:block;
	width:156px;
	height:39px;
	background:url(../images/common/img_btn_04.gif) no-repeat -159px 0;
}

header div.header_top div.txt_area div.btn2 p.info a:hover {
	background:url(../images/common/img_btn_04.gif) no-repeat -159px -39px;
}

header div.header_top div.txt_area div.btn2 p.info {
	width:156px;
	float:left;
}

/* 2014.01.07 ADD UW OOTOMO */
header div.header_top a.login{
	color: #0068b7;
	text-decoration: underline;
}


header div.login_box {
	width:276px;
	padding:14px 12px 18px 12px;
	background:url(../images/common/img_bg_04.png) no-repeat left bottom;
	position:absolute;
	top:-350px;
	right:0;
	z-index:100;
	display:none; /* 2014.11.12 ADD UW OOTOMO */
/* fujii wrote from here ------------- */
	left: 0\9;
}
:root header div.login_box {
   right: 0;
/* fujii wrote to here ------------- */
}

header div.login_box p.close {
	text-align:right;
	padding:0 0 15px 0;
}

header div.login_box input.txt {
	width:150px;
	height:18px;
	border:#b5b5b5 1px solid;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	border-radius: 2px;
	padding:8px 6px;
	margin:0 0 4px 0;
	vertical-align:bottom;
}

header div.login_box p.inp span {
	display:block;
	width:85px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	padding:6px 10px 0 5px;
	float:left;
}

header div.login_box p.btn {
	text-align:center;
	padding:8px 0 0 0;
}

header div.login_box p.btn input {
	vertical-align:bottom;
}

header div.login_box div.ck p {
	text-align:center;
	font-size:16px;	/* 14px→16px変更 2014.04.30 UW */
	font-weight:bold;
}

header div.login_box div.ck p.s {
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	text-align:left;
	padding:3px 5px 0 5px;
}

header div.login_box div.sub p {
	text-align:center;
}

header div.login_box div.sub p.ic {
	padding:3px 0;
}

header div.login_box div.sub p.ic a {
	padding:0 0 0 10px;
	background:url(../images/top/img_ic_01.gif) no-repeat 0 5px;
}

header div.login_box div.sub p.link {
	width:248px;
	height:30px;
	text-indent:-9999px;
	margin:0 auto;
}

header div.login_box div.sub p.link a {
	display:block;
	width:248px;
	height:30px;
	background:url(../images/top/img_btn_02.gif) no-repeat 0 0;
}

header div.login_box div.sub p.link a:hover {
	background:url(../images/top/img_btn_02.gif) no-repeat 0 -30px;
}



/* Navigation
===============================================================*/
div.navigation {
	width:1174px;
	margin:0 auto;
}

div.navigation ul.nav li {
	width:195px;
	height:63px;
	padding:0 0 4px 0;
	text-indent:-9999px;
	line-height:1px;
	font-size:1px;
	float:left;
}

div.navigation ul.nav li a {
	display:block;
	width:195px;
	height:63px;
}

div.navigation ul.nav li.n01 {
	width:197px;
}

div.navigation ul.nav li.n01 a {
	width:197px;
	background:url(../images/common/nav.gif) no-repeat 0 0;
}

div.navigation ul.nav li.n01 a:hover ,
div.navigation ul.nav li.n01 a.here{
	background:url(../images/common/nav.gif) no-repeat 0 -63px;
}

div.navigation ul.nav li.n02 {
	width:194px;
}

div.navigation ul.nav li.n02 a {
	width:194px;
	background:url(../images/common/nav.gif) no-repeat -197px 0;
}

div.navigation ul.nav li.n02 a:hover ,
div.navigation ul.nav li.n02 a.here{
	background:url(../images/common/nav.gif) no-repeat -197px -63px;
}

div.navigation ul.nav li.n03 a {
	width:195px;
	background:url(../images/common/nav.gif) no-repeat -392px 0;
}

div.navigation ul.nav li.n03 a:hover ,
div.navigation ul.nav li.n03 a.here{
	background:url(../images/common/nav.gif) no-repeat -392px -63px;
}

div.navigation ul.nav li.n04 a {
	width:195px;
	background:url(../images/common/nav.gif) no-repeat -587px 0;
}

div.navigation ul.nav li.n04 a:hover ,
div.navigation ul.nav li.n04 a.here {
	background:url(../images/common/nav.gif) no-repeat -587px -63px;
}

div.navigation ul.nav li.n05 a {
	width:195px;
	background:url(../images/common/nav.gif) no-repeat -782px 0;
}

div.navigation ul.nav li.n05 a:hover ,
div.navigation ul.nav li.n05 a.here {
	background:url(../images/common/nav.gif) no-repeat -782px -63px;
}

div.navigation ul.nav li.n06 {
	width:198px;
}

div.navigation ul.nav li.n06 a {
	width:198px;
	background:url(../images/common/nav.gif) no-repeat -977px 0;
}

div.navigation ul.nav li.n06 a:hover ,
div.navigation ul.nav li.n06 a.here {
	background:url(../images/common/nav.gif) no-repeat -977px -63px;
}



.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	border-right:#5ea80e 3px solid;
	border-left:#5ea80e 3px solid;
	border-bottom:#5ea80e 3px solid;
	visibility: hidden;
	z-index: 100;
}

.ddsubmenustyle li {
	display:inline;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
}


.ddsubmenustyle li a{
	width:168px;
	padding:5px 0 5px 20px;
	display:block;
	margin: 0;
	border-top:#dcdcdc 1px solid;
	background:url(/images/common/img_ar_02.gif) #ffffff no-repeat 10px 11px;
}

.ddsubmenustyle li a:hover {
	color:#5ea80e;
	text-decoration:none;
}
/*
#banner_member {
	margin-bottom: 50px;
}
*/
/* 2015/06/26追加 */
#banner_member {
	margin-top: 40px;
}
/* 2015/06/26追加end */

#banner_member p.banner a {
  display: block;
  width: 1170px;
  height: 236px;
  background: url(/images/banner_member_pc.png) no-repeat;
  text-indent: -9999px;
  margin: 0 auto;
}


/* footer
===============================================================*/
footer {
	background-color:#ffffff;
	overflow: hidden;
}

.footer_inner {
	width: 1170px;
	margin: 0 auto;
}

/* 2015/06/09修正 */
p.pagetop {
	width:1170px;
	margin:0 auto;
}

p.pagetop a {
	display:block;
	width:126px;
	height:32px;
	text-indent:-9999px;
	background:url(../images/common/pagetop.gif) no-repeat 0 0;
	float:right;
}

p.pagetop a:hover {
	background:url(../images/common/pagetop.gif) no-repeat 0 -32px;
}
/* 2015/06/09修正end */

footer div.bn {
	height:198px;
	border-top:#d2d2d2 1px solid;
	border-bottom:#d2d2d2 1px solid;
	background-color:#f7f1ea;
	background:url(../images/common/img_bn_02.gif) no-repeat center top;
	width: 1170px;/* 霑ｽ蜉� */
}

footer div.bn h2 {
	display:none;
}

footer div.bn p.btn {
	width:1170px;
	height:180px;
	margin:0 auto;
	position:relative;
}

footer div.bn p.btn a {
	display:block;
	width:465px;
	height:67px;
	text-indent:-9999px;
	background:url(../images/common/img_btn_01.png) no-repeat 0 0;
	position:absolute;
	top:67px;
	right:39px;
}

footer div.bn p.btn a:hover {
	background:url(../images/common/img_btn_01.png) no-repeat 0 -67px;
}


footer div.sig {
	width:1170px;
	margin:0 auto;
	background:url(../images/common/img_bg_02.gif) repeat-y 0 0;
}

footer div.sig div.info {
	width:930px;
	padding:14px 0 0 20px;
	float:left;
}

footer div.sig div.info p.logo {
	width:148px;
	height:43px;
	text-indent:-9999px;
	padding:0 30px 5px 0;
	float:left;
}

footer div.sig div.info p.logo a {
	display:block;
	width:148px;
	height:43px;
	text-indent:-9999px;
	background:url(../images/common/logo2.gif) no-repeat 0 0;
}

footer div.sig div.info p.copy {
	font-size:11px;
	padding:0 0 5px 0;
	clear:both;
}

footer div.sig p.logo_r {
	width:129px;
	height:51px;
	padding:18px 60px 0 0;
	float:right;
}

footer div.sig p.logo_r a {
	display:block;
	width:129px;
	height:51px;
	text-indent:-9999px;
	background:url(../images/common/logo3.gif) no-repeat 0 0;
}

footer div.sig ul {
	padding:20px 0 0 0;
	float:left;
}

footer div.sig ul li {
	padding:0 15px 0 10px;
	background:url(../images/common/img_ar_01.gif) no-repeat 0 7px;
	float:left;
}

iframe {
	display:none;
}


p.ie {
	width:100%;
	border:#f7941d 1px solid;
	padding:10px;
	background-color:#feefda;
	position:relative;
	top:0;
	left:0;
	z-index:200;
}

p.ie a ,
p.ie a:visited {
	color:#09F;
	text-decoration:underline;
}