@charset 'UTF-8';

/* reset
-------------------------------*/
* {
	margin: 0;
	padding: 0;
}

html {
	height:100%;
	line-height:1.6;
	overflow:scroll;
	color:#734e24;
}
body,h1,h2,h3,h4,h5,h6,form,p,ul,ol,li,table,tr,th,td,dl,dd,dt{
	margin:0;padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
}
img{border:none;}
li{list-style:none;}
* html h1,
* html h2,
* html h3,
* html h4,
* html h5,
* html table{font-size:100%;}
address{font-style:normal;}

h2{font-size:14px;}

table {padding:0;}
th,td {
	padding:0;
	margin:0;
}


/* common module
------------------------------ */

.red{ color:#cc0033!important;}
.blue{ color:#1b58a7!important;}

.fontB{ font-weight:bold!important;}

.size10{font-size:10px!important;}
.size12{font-size:12px!important;}
.size14{font-size:14px!important;}
.size16{font-size:16px!important;}
.boldnone{ font-weight:normal !important;}

.clear{clear:both; height:1px;}

.alignCenter{text-align:center!important;}
.alignLeft{text-align:left!important;}
.alignRight{text-align:right!important;}

.vTop{ vertical-align:top!important;}
.vMiddle{ vertical-align:middle!important;}
.vBottom{ vertical-align:bottom!important;}

.floatLeft{float:left!important;}
.floatRight{float:right!important;}

.mB0{margin-bottom:0px!important;}
.mB5{margin-bottom:5px!important;}
.mB10{margin-bottom:10px!important;}
.mB15{margin-bottom:15px!important;}
.mB20{margin-bottom:20px!important;}
.mB30{margin-bottom:30px!important;}
.mB40{margin-bottom:40px!important;}
.mR0{margin-right:0px!important;}
.mR10{margin-right:10px!important;}
.mR15{margin-right:15px!important;}
.mL0{margin-left:0px!important;}
.mL5{margin-left:5px!important;}
.mL10{margin-left:10px!important;}
.mL15{margin-left:15px!important;}
.mL20{margin-left:20px!important;}
.mT10{ margin-top:10px!important;}
.m0a{margin:0 auto!important;}
.mT0{ margin:0px!important;}
.pT10{ padding-top:10px!important;}
.pT20{ padding-top:20px!important;}
.pB0{ padding-bottom:0px!important;}
.pB10{ padding-bottom:10px!important;}
.pB15{ padding-bottom:15px!important;}
.pR10{ padding-right:10px!important;}
.padding0{padding:0!important;}

.nowrap{white-space:nowrap;}

.alt {
	position:absolute;
	top:-5000px;
	left:-999px;
}

a{color:#7b6942; text-decoration:underline;}
a:hover{text-decoration:none;}

label{cursor:pointer; color:#1b58a7;}
label:hover{cursor:pointer; color:#ff6c00; text-decoration:underline;}

.borderTopNone{border-top:none!important;}
.borderBotNone{border-bottom:none!important;}
.bgNone{background:none!important;}

.clearfix:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix{
  min-height: 1px;
}

* html .clearfix{
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* body layout
------------------------------ */

body {
	font-size:16px;
	/*font-family:"Lucida Grande",Verdana,Geneva,Arial,Helvetica,"Hiragino Kaku Gothic Pro","MS UI Gothic",Osaka,Sans-serif;*/
	font-family:meiryo, メイリオ,"Hiragino Kaku Gothic Pro","MS UI Gothic",Arial,Osaka,Sans-serif;
	background:url(../images/common/head_bg.gif) repeat-x top left #ffedb8;
}

#wrapper{
	width:975px;
	margin:0 auto;
}

#header .logo img{
	padding:6px 6px 2px 8px;
	background:#fb732b;
}

#header #gMenu{
	height:80px;
	width:975px;
	position:relative;
}

#header #gMenu p{
	width:517px;
	height:94px;
	position:absolute;
	top:-20px;
}

#header #gMenu ul{
	width:435px;
	height:48px;
	position:absolute;
	right:23px;
	top:33px;
	overflow:hidden;
}

#header #gMenu ul li{
	float:left;
	padding:0 0 0 10px;
	vertical-align:bottom;
}


/* contetns layout
------------------------------ */

#contents{
	background:url(../images/common/body_bg.gif) repeat-y #fff;
}

#contents .conTop{
	background:url(../images/common/body_top.gif) no-repeat;
	height:30px;
}

#contents .conBottom{
	background:url(../images/common/body_bottom.gif) no-repeat;
	height:38px;
	width:975px;
	position:relative;
}

#contents .conBottom a{
	height: 70px;
    position: absolute;
    right: -91px;
    top: -82px;
    width: 91px;
}

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

#footer{
	background:url(../images/common/footer_bg.gif) repeat-x center bottom;
	height:48px;
}

#footer .link{
	width:975px;
	margin:35px auto 0;
}

#footer .link ul{
	text-align:right;
	padding:0 10px 0 0;
}

#footer .link li{
	display:inline;
	font-size:12px;
}

#footer .copyRight{
	width:975px;
	margin:3px auto 0;
	padding:0 20px 0 0;
	color:#fff;
	text-align:right;
	font-size:10px;
}

/*left*/

#contents .left{
	width:213px;
	padding:0 0 0 27px;
	float:left;
	margin:0 0 90px;
}

.left .searcBox{
	margin:0 0 20px;
	position:relative;
	height:75px;
	position:relative;
	background:url(../images/second/search_bg.gif) no-repeat;
}

.searcBox .txtArea{
	width:146px;
	height:31px;
	position:absolute;
	line-height:31px;
	font-size:14px;
	padding:0 0 0 5px;
	top:36px;
	left:8px;
}

.searcBox .searchBtn{
	width:42px;
	height:34px;
	position:absolute;
	top:37px;
	right:6px;
}

#contents .left h2{
	margin:0 0 15px;
	padding:0 0 10px;
	background:url(../images/second/dotted.gif) repeat-x center bottom;
}

#contents .left .box{
	margin:2px auto 4px;
	width:199px;
}

#contents .left #roma,
#contents .left #alphabet{
	background:url(../images/second/left_bg.gif) repeat;
	margin:0 0 20px;
}

#contents .left #roma .top,
#contents .left #alphabet .top{
	background:url(../images/second/left_top.gif) no-repeat;
	height:3px;
}

#contents .left #roma .bottom,
#contents .left #alphabet .bottom{
	background:url(../images/second/left_bottom.gif) no-repeat;
	height:3px;
}

#contents .left #roma table,
#contents .left #alphabet table{
	background:#fff8e8;
	padding:8px 15px 0;
	table-layout:fixed;
}

#contents .left #roma .box .top,
#contents .left #alphabet .box .top{
	background:url(../images/second/index_top.png) no-repeat;
	height:3px;
}

#contents .left #roma .box .bottom,
#contents .left #alphabet .box .bottom{
	background:url(../images/second/index_bottom.png) no-repeat;
	height:3px;
}

#contents .left #roma h3{
	background:url(../images/second/roma.gif) no-repeat 3px 0;
	padding:0 0 0 27px;
	height:27px;
	line-height:27px;
	font-size:16px;
	color:#fff;
	margin:0 0 5px;
}

#contents .left #alphabet h3{
	background:url(../images/second/alphabet.gif) no-repeat 3px 0;
	padding:0 0 0 27px;
	height:27px;
	line-height:27px;
	font-size:16px;
	color:#fff;
	margin:0 0 5px;
}

#contents .left #roma td,
#contents .left #alphabet td{
	padding:0 0 8px;
	table-layout:fixed;
}

*:first-child+html #contents .left #roma td,
*:first-child+html #contents .left #alphabet td{
	padding:1px 0 8px 5px;
}

#contents .left #roma td a{
	display:block;
	width:27px;
	height:29px;
	background:url(../images/second/roma_bg.gif) no-repeat;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#contents .left #roma td a:hover{
	background:url(../images/second/roma_bg_on.gif) no-repeat;
}

#contents .left #roma .a{
	background-position: 0 0;
}

#contents .left #roma .i{
	background-position: -36px 0;
}

#contents .left #roma .u{
	background-position: -72px 0;
}

#contents .left #roma .e{
	background-position: -108px 0;
}

#contents .left #roma .o{
	background-position: -143px 0;
}

#contents .left #roma .ka{
	background-position: 0 -36px;
}

#contents .left #roma .ki{
	background-position: -36px -36px;
}

#contents .left #roma .ku{
	background-position: -72px -36px;
}

#contents .left #roma .ke{
	background-position: -108px -36px;
}

#contents .left #roma .ko{
	background-position: -143px -36px;
}

#contents .left #roma .sa{
	background-position: 0 -72px;
}

#contents .left #roma .si{
	background-position: -36px -72px;
}

#contents .left #roma .su{
	background-position: -72px -72px;
}

#contents .left #roma .se{
	background-position: -108px -72px;
}

#contents .left #roma .so{
	background-position: -143px -72px;
}

#contents .left #roma .ta{
	background-position: 0 -109px;
}

#contents .left #roma .ti{
	background-position: -36px -109px;
}

#contents .left #roma .tu{
	background-position: -72px -109px;
}

#contents .left #roma .te{
	background-position: -108px -109px;
}

#contents .left #roma .to{
	background-position: -143px -109px;
}

#contents .left #roma .na{
	background-position: 0 -145px;
}

#contents .left #roma .ni{
	background-position: -36px -145px;
}

#contents .left #roma .nu{
	background-position: -72px -145px;
}

#contents .left #roma .ne{
	background-position: -108px -145px;
}

#contents .left #roma .no{
	background-position: -143px -145px;
}

#contents .left #roma .ha{
	background-position: 0 -182px;
}

#contents .left #roma .hi{
	background-position: -36px -182px;
}

#contents .left #roma .hu{
	background-position: -72px -182px;
}

#contents .left #roma .he{
	background-position: -108px -182px;
}

#contents .left #roma .ho{
	background-position: -143px -182px;
}

#contents .left #roma .ma{
	background-position: 0 -219px;
}

#contents .left #roma .mi{
	background-position: -36px -219px;
}

#contents .left #roma .mu{
	background-position: -72px -219px;
}

#contents .left #roma .me{
	background-position: -108px -219px;
}

#contents .left #roma .mo{
	background-position: -143px -219px;
}

#contents .left #roma .ya{
	background-position: 0 -255px;
}

#contents .left #roma .yu{
	background-position: -72px -255px;
}

#contents .left #roma .yo{
	background-position: -143px -255px;
}

#contents .left #roma .ra{
	background-position: 0 -291px;
}

#contents .left #roma .ri{
	background-position: -36px -291px;
}

#contents .left #roma .ru{
	background-position: -72px -291px;
}

#contents .left #roma .re{
	background-position: -108px -291px;
}

#contents .left #roma .ro{
	background-position: -143px -291px;
}

#contents .left #roma .wa{
	background-position: 0 -327px;
}

#contents .left #roma .wo{
	background-position: -72px -327px;
}

#contents .left #roma .wn{
	background-position: -143px -327px;
}

#contents .left #roma .blank{
	background:url(../images/second/roma_bg.gif) no-repeat -105px -327px;
}

#contents .left #roma .blank2{
	background:url(../images/second/roma_bg.gif) no-repeat -104px -327px;
}

*:first-child+html #contents .left #roma .blank{
	background:url(../images/second/roma_bg.gif) no-repeat -103px -327px;
}

*:first-child+html #contents .left #roma .blank2{
	background:url(../images/second/roma_bg.gif) no-repeat -103px -327px;
}

#contents .left #roma .a:hover{
	background-position:;
}

#contents .left #roma .i:hover{
	background-position: -36px 0;
}

#contents .left #roma .u:hover{
	background-position: -72px 0;
}

#contents .left #roma .e:hover{
	background-position: -108px 0;
}

#contents .left #roma .o:hover{
	background-position: -143px 0;
}

#contents .left #roma .ka:hover{
	background-position: 0 -36px;
}

#contents .left #roma .ki:hover{
	background-position: -36px -36px;
}

#contents .left #roma .ku:hover{
	background-position: -72px -36px;
}

#contents .left #roma .ke:hover{
	background-position: -108px -36px;
}

#contents .left #roma .ko:hover{
	background-position: -143px -36px;
}

#contents .left #roma .sa:hover{
	background-position: 0 -72px;
}

#contents .left #roma .si:hover{
	background-position: -36px -72px;
}

#contents .left #roma .su:hover{
	background-position: -72px -72px;
}

#contents .left #roma .se:hover{
	background-position: -108px -72px;
}

#contents .left #roma .so:hover{
	background-position: -143px -72px;
}

#contents .left #roma .ta:hover{
	background-position: 0 -109px;
}

#contents .left #roma .ti:hover{
	background-position: -36px -109px;
}

#contents .left #roma .tu:hover{
	background-position: -72px -109px;
}

#contents .left #roma .te:hover{
	background-position: -108px -109px;
}

#contents .left #roma .to:hover{
	background-position: -143px -109px;
}

#contents .left #roma .na:hover{
	background-position: 0 -145px;
}

#contents .left #roma .ni:hover{
	background-position: -36px -145px;
}

#contents .left #roma .nu:hover{
	background-position: -72px -145px;
}

#contents .left #roma .ne:hover{
	background-position: -108px -145px;
}

#contents .left #roma .no:hover{
	background-position: -143px -145px;
}

#contents .left #roma .ha:hover{
	background-position: 0 -182px;
}

#contents .left #roma .hi:hover{
	background-position: -36px -182px;
}

#contents .left #roma .hu:hover{
	background-position: -72px -182px;
}

#contents .left #roma .he:hover{
	background-position: -108px -182px;
}

#contents .left #roma .ho:hover{
	background-position: -143px -182px;
}

#contents .left #roma .ma:hover{
	background-position: 0 -219px;
}

#contents .left #roma .mi:hover{
	background-position: -36px -219px;
}

#contents .left #roma .mu:hover{
	background-position: -72px -219px;
}

#contents .left #roma .me:hover{
	background-position: -108px -219px;
}

#contents .left #roma .mo:hover{
	background-position: -143px -219px;
}

#contents .left #roma .ya:hover{
	background-position: 0 -255px;
}

#contents .left #roma .yu:hover{
	background-position: -72px -255px;
}

#contents .left #roma .yo:hover{
	background-position: -143px -255px;
}

#contents .left #roma .ra:hover{
	background-position: 0 -291px;
}

#contents .left #roma .ri:hover{
	background-position: -36px -291px;
}

#contents .left #roma .ru:hover{
	background-position: -72px -291px;
}

#contents .left #roma .re:hover{
	background-position: -108px -291px;
}

#contents .left #roma .ro:hover{
	background-position: -143px -291px;
}

#contents .left #roma .wa:hover{
	background-position: 0 -327px;
}

#contents .left #roma .wo:hover{
	background-position: -72px -327px;
}

#contents .left #roma .wn:hover{
	background-position: -143px -327px;
}


#contents .left #alphabet td a{
	display:block;
	text-align:center;
	width:27px;
	height:29px;
	table-layout: fixed;
	background:url(../images/second/alphabet_bg.gif) no-repeat;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#contents .left #alphabet td a:hover{
	background:url(../images/second/alphabet_bg_on.gif) no-repeat;
}

#contents .left #alphabet .a{
	background-position: 0 0;
}

#contents .left #alphabet .b{
	background-position: -36px 0;
}

#contents .left #alphabet .c{
	background-position: -72px 0;
}

#contents .left #alphabet .d{
	background-position: -108px 0;
}

#contents .left #alphabet .e{
	background-position: -143px 0;
}

#contents .left #alphabet .f{
	background-position: 0 -36px;
}

#contents .left #alphabet .g{
	background-position: -36px -36px;
}

#contents .left #alphabet .h{
	background-position: -72px -36px;
}

#contents .left #alphabet .i{
	background-position: -108px -36px;
}

#contents .left #alphabet .j{
	background-position: -143px -36px;
}

#contents .left #alphabet .k{
	background-position: 0 -72px;
}

#contents .left #alphabet .l{
	background-position: -36px -72px;
}

#contents .left #alphabet .m{
	background-position: -72px -72px;
}

#contents .left #alphabet .n{
	background-position: -108px -72px;
}

#contents .left #alphabet .o{
	background-position: -143px -72px;
}

#contents .left #alphabet .p{
	background-position: 0 -109px;
}

#contents .left #alphabet .q{
	background-position: -36px -109px;
}

#contents .left #alphabet .r{
	background-position: -72px -109px;
}

#contents .left #alphabet .s{
	background-position: -108px -109px;
}

#contents .left #alphabet .t{
	background-position: -143px -109px;
}

#contents .left #alphabet .u{
	background-position: 0 -145px;
}

#contents .left #alphabet .v{
	background-position: -36px -145px;
}

#contents .left #alphabet .w{
	background-position: -72px -145px;
}

#contents .left #alphabet .x{
	background-position: -108px -145px;
}

#contents .left #alphabet .y{
	background-position: -143px -145px;
}

#contents .left #alphabet .z{
	background-position: 0 -180px;
}


#contents .left #alphabet .a:hover{
	background-position: 0 0:hover;
}

#contents .left #alphabet .b:hover{
	background-position: -36px 0;
}

#contents .left #alphabet .c:hover{
	background-position: -72px 0;
}

#contents .left #alphabet .d:hover{
	background-position: -108px 0;
}

#contents .left #alphabet .e:hover{
	background-position: -143px 0;
}

#contents .left #alphabet .f:hover{
	background-position: 0 -36px;
}

#contents .left #alphabet .g:hover{
	background-position: -36px -36px;
}

#contents .left #alphabet .h:hover{
	background-position: -72px -36px;
}

#contents .left #alphabet .i:hover{
	background-position: -108px -36px;
}

#contents .left #alphabet .j:hover{
	background-position: -143px -36px;
}

#contents .left #alphabet .k:hover{
	background-position: 0 -72px;
}

#contents .left #alphabet .l:hover{
	background-position: -36px -72px;
}

#contents .left #alphabet .m:hover{
	background-position: -72px -72px;
}

#contents .left #alphabet .n:hover{
	background-position: -108px -72px;
}

#contents .left #alphabet .o:hover{
	background-position: -143px -72px;
}

#contents .left #alphabet .p:hover{
	background-position: 0 -109px;
}

#contents .left #alphabet .q:hover{
	background-position: -36px -109px;
}

#contents .left #alphabet .r:hover{
	background-position: -72px -109px;
}

#contents .left #alphabet .s:hover{
	background-position: -108px -109px;
}

#contents .left #alphabet .t:hover{
	background-position: -143px -109px;
}

#contents .left #alphabet .u:hover{
	background-position: 0 -145px;
}

#contents .left #alphabet .v:hover{
	background-position: -36px -145px;
}

#contents .left #alphabet .w:hover{
	background-position: -72px -145px;
}

#contents .left #alphabet .x:hover{
	background-position: -108px -145px;
}

#contents .left #alphabet .y:hover{
	background-position: -143px -145px;
}

#contents .left #alphabet .z:hover{
	background-position: 0 -180px;
}

/*list*/

.list td{
	padding:20px 20px 20px 40px;
	background:url(../images/second/list_icon.png) no-repeat 17px 50% #f2e8d3;
	min-width: 276px;
	min-width: 276px;
}
.list td:first-child{
	min-width: 277px;
	min-width: 277px;
}
.list .blank {
    background-image: none;
}

.btnArea {
	width: 645px;
	margin: 10px 0px;
}
.prev_btn {
	margin-right: 15px!important;
}