@charset "Shift_JIS";

/*
-----------------------------------------------------
Reset
-----------------------------------------------------
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

html {
overflow-y:scroll;
}

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

ol,ul{
list-style:none;
}

fieldset,img{
border:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

caption,th{
text-align:left;
}

address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal;
}

hr {
display:none;
}

/*
-----------------------------------------------------
Link
-----------------------------------------------------
*/

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a[name]:hover {
color:#000;
}

/*
-----------------------------------------------------
Common
-----------------------------------------------------
*/

body {
background:#FFF url(../common/images/bg.gif) 0 0 repeat;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", Osaka, Arial, Helvetica, sans-serif;
font-size:13px;
*font-size:small;
*font:x-small;
color:#333;
}

#wrapper01 {
background:#FFF url(../common/images/contents_bg01.gif) 0 0 repeat-y;
margin:0 auto;
width:920px;
}

#wrapper02 {
position:relative;
padding:0 10px 5px;
text-align:left;
}

p {
padding-bottom:1em;
}

form {
margin:0;
padding:0;
}

/*
-----------------------------------------------------
Header
-----------------------------------------------------
*/

#headerArea-top {
	background:#FFF url(../images/bg_headerarea-top.gif) 0 0 no-repeat;
	width:900px;
	height:70px;
	position:relative;
}
#headerArea-top h1 {
	position:absolute;
	top:15px;
	left:10px;
}
ul#hlinkList li {
	position:absolute;
}
ul#hlinkList li.list01 {
	top:8px !important;
	right:97px !important;
}
ul#hlinkList li.list02 {
	top:8px !important;
	right:8px !important;
}
ul#hlinkList li.list04 {
	top:29px !important;
	right:223px !important;
}
ul#hlinkList li.list05 {
	top:28px !important;
	right:4px !important;
}
ul#hlinkList li img {
	vertical-align:bottom;
}

/*
-----------------------------------------------------
Global
-----------------------------------------------------
*/

#gnaviAreaTop {
background:#FFF url(../common/images/gnavi_bg.gif) 0 0 no-repeat;
width:900px;
height:55px;
}

ul#gnaviList {
list-style:none;
padding-bottom:5px;
}

ul#gnaviList li,
ul#gnaviListTop li {
float:left;
padding-left:5px;
}

ul#gnaviList li img,
ul#gnaviListTop li img {
vertical-align:bottom;
}

/*
-----------------------------------------------------
ContentsArea
-----------------------------------------------------
*/

#contentsAreaTop {
padding:0 0 0 1px;
/zoom:1;
}

#contentsAreaTop:after {
content:' ';
display:block;
clear:both;
height:0;
font-size:0.1em;
line-height:0;
}

#contentsCenterTop {
width:703px;
float:right;
overflow: hidden;
}

#contentsVisual {
width:680px;
height:253px;
position:relative;
}

#contentsVisual ul {
height:230px;
overflow:hidden;
}

#contentsVisual #contentsVisual-shadow {
width:5px;
height:253px;
position:absolute;
top:0;
left:0;
z-index:5;
}

#contentsVisual #contentsVisual-shadow img {
width:5px;
height:230px;
}

#contentsVisual li {
width:680px;
height:230px;
}

#contentsVisual #jcarousel-control {
	background: url(../images/bg_jcarousel-control.jpg) left top no-repeat;
	width: 680px;
	height: 23px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#contentsVisual #jcarousel-control a {
position:absolute;
top:0;
display:block;
text-indent:-9999px;
}

/*
ボタン4つ用

#contentsVisual #jcarousel-control #jcarousel-control01 {
background:url(../images/bg_control_btn00.gif) left top no-repeat;
width:110px;
height:23px;
left:120px;
}

#contentsVisual #jcarousel-control #jcarousel-control02 {
background:url(../images/bg_control_btn01.gif) left top no-repeat;
width:110px;
height:23px;
left:230px;
}

#contentsVisual #jcarousel-control #jcarousel-control03 {
background:url(../images/bg_control_btn02.gif) left top no-repeat;
width:107px;
height:23px;
left:337px;
}

#contentsVisual #jcarousel-control #jcarousel-control04 {
background:url(../images/bg_control_btn03.gif) left top no-repeat;
width:110px;
height:23px;
left:444px;
}
*/

/*
ボタン5つ用
*/
#contentsVisual #jcarousel-control #jcarousel-control01 {
background:url(../images/bg_control_btn00.gif) left top no-repeat;
width:110px;
height:23px;
left:56px;
}

#contentsVisual #jcarousel-control #jcarousel-control02 {
	background: url(../images/bg_control_btn01.gif) left top no-repeat;
	width: 109px;
	height: 23px;
	left: 166px;
}

#contentsVisual #jcarousel-control #jcarousel-control03 {
	background: url(../images/bg_control_btn02.gif) left top no-repeat;
	width: 107px;
	height: 23px;
	left: 275px;
}

#contentsVisual #jcarousel-control #jcarousel-control04 {
	background: url(../images/bg_control_btn03.gif) left top no-repeat;
	width: 109px;
	height: 23px;
	left: 382px;
}

#contentsVisual #jcarousel-control #jcarousel-control05 {
	background: url(../images/bg_control_btn04.gif) left top no-repeat;
	width: 110px;
	height: 23px;
	left: 491px;
}

#contentsVisual #jcarousel-control .act {
background-position:left bottom !important;
}

#contentsCase {
background:url(../images/bg_case.gif) left top no-repeat;
padding:9px 6px 8px 8px;
overflow:hidden;
}

#contentsCase #contentsCaseTi {
width:666px;
height:26px;
position:relative;
}

#contentsCase #contentsCaseTi h3 {
position:absolute;
top:4px;
left:0;
}

#contentsCase #contentsCaseTi p {
padding:0;
position:absolute;
top:0;
right:0;
}

#contentsCase ul {
background:url(../images/case_ul.gif) left top repeat-x;
margin-left:20px !important;
height:180px;
overflow:hidden;
}

#contentsCase li {
width:156px;
height:180px;
text-align:center;
float:left;
border-right:1px #E5E7E8 solid;
}

#contentsCase li dl {
margin:0 auto;
padding-top:11px;
width:120px;
}

#contentsCase li dt.caseFlag {
margin-bottom:3px;
}

#contentsCase li dt img {
display:block;
}

#contentsCase li dd {
padding-top:2px;
font-size:77%;
line-height:1.4;
text-align:left;
}

#contentsService {
	background: url(../images/bg_service.jpg) left top no-repeat;
	padding-top: 8px;
	margin: 0px;
}

#contentsService #contentsServiceTi {
margin:0 6px 0 9px;
width:665px;
height:29px;
position:relative;
}

#contentsService #contentsServiceTi h3 {
position:absolute;
top:8px;
left:0;
}

#contentsService #contentsServiceTi li {
position:absolute;
top:0;
}

#contentsService #contentsServiceTi .servicebtn01 {
right:97px;
}

#contentsService #contentsServiceTi .servicebtn02 {
right:0;
}

#contentsService #contentsServiceList {
margin:0 6px 0 9px;
width:665px;
display:table;
/*border-bottom:1px #ccc solid;*/
}

#contentsService ul#contentsServiceList li {
display:table-cell;
/display:inline;
/zoom:1;
vertical-align:top;
}

#contentsService ul#contentsServiceList li p {
padding:5px 4px 0;
font-size:77%;
}

#contentsService ul#contentsServiceList li p span {
padding-left:1em;
text-indent:-1em;
display:block;
}

#contentsService ul#contentsServiceList li dl {
padding:5px 4px 0;
font-size:77%;
}

#contentsService ul#contentsServiceList li dt {
border-top:1px #ccc solid;
}

#contentsService ul#contentsServiceList li dt a {
background:url(../images/merchant_arrow.gif) 1px 0.45em no-repeat;
padding-left:17px;
color:#333;
line-height:19px;
display:block;
}

* html #contentsService ul#contentsServiceList li dt a {
height:1%;
}

#contentsService ul#contentsServiceList li dd {
background:#fff;
padding-left:17px;
border-bottom:1px #ccc dotted;
}

#contentsService ul#contentsServiceList li dd a {
background:url(../images/service_arrow.gif) left 0.65em no-repeat;
padding-left:7px;
font-size:106%;
color:#333;
line-height:19px;
display:block;
}

* html #contentsService ul#contentsServiceList li dd a {
height:1%;
}

#contentsService #contentsServiceBtn {
width:680px;
height:41px;
position:relative;
}

#contentsService #contentsServiceBtn li {
position:absolute;
top:9px;
}

#contentsService #contentsServiceOuen {
background:url(../images/bg_service-btm.jpg) left bottom no-repeat;
padding-bottom:15px;
position:relative;
}

#contentsService #contentsServiceOuen h3 {
margin:0 auto;
width:665px;
}

#contentsService #contentsServiceOuen .ouen-catch {
	position: absolute;
	top: 2px;
	right: 32px;
}

#contentsService #contentsServiceOuen .ouen-area {
background:#fff;
margin:0 auto;
padding-bottom:6px;
width:657px;
text-align:center;
border-style:none solid solid;
border-width:0 4px 4px;
border-color:#182880;
}

#contentsService #contentsServiceOuen .ouen-area p {
padding:10px 205px 10px 15px;
text-align:left;
}

#contentsService #contentsServiceOuen .ouen-area div {
	background:#fff;
	margin:0 auto;
	width:645px;
}

#contentsService #contentsServiceOuen .ouen-area table {
	border:none;
}

#contentsService #contentsServiceOuen .ouen-area table td {
	vertical-align:top;
}

#contentsService #contentsServiceOuen .ouen-area table td.td-list {
	background:#f0f2f3;
	padding:8px 0;
	width:213px;
}

#contentsService #contentsServiceOuen .ouen-area table td.td-space {
	background:#fff;
	width:3px;
}

#contentsService #contentsServiceOuen .ouen-area table td.td-list table {
	margin:0 auto;
	width: 213px;
}

#contentsService #contentsServiceOuen .ouen-area table td.td-list th,
#contentsService #contentsServiceOuen .ouen-area table td.td-list td {
	vertical-align:top;
}

#contentsService #contentsServiceOuen .ouen-area table td.td-list th {
	width:103px;
	text-align:right;
}

#contentsService #contentsServiceOuen .ouen-area table td.td-list th img {
	width:95px;
}

#contentsService #contentsServiceOuen .ouen-area table td.td-list td {
	width:110px;
}

#contentsService #contentsServiceOuen .ouen-area table td.td-list td p {
	padding:5px 15px;
	font-size:85%;
	line-height:1.1;
}

#contentsService #contentsServiceOuen .ouen-area table td.td-list td p strong {
	color:#032143;
	font-weight: bold;
	display:block;
}

#contentsNews {
background:url(../images/bg_news.jpg) left top no-repeat;
padding-top:7px;
}

#contentsNews #contentsNewsTi {
width:680px;
height:27px;
position:relative;
}

#contentsNews #contentsNewsTi h3 {
position:absolute;
top:6px;
left:8px;
}

#contentsNews #contentsNewsTi li {
position:absolute;
top:0;
}

#contentsNews #contentsNewsTi .newsbtn01 {
right:113px;
}

#contentsNews #contentsNewsTi .newsbtn02 {
right:5px;
}

#contentsNews #contentsNewsList {
background:url(../images/bg_news-btm.jpg) left bottom no-repeat;
padding:0 6px 6px 9px;
}

#contentsNews #contentsNewsList #contentsNewsList-flow {
	background: #fff;
	width: 665px;
	height: 160px;
	overflow: auto;
}

#contentsNews #contentsNewsList #contentsNewsList-flow dl {
padding:6px;
font-size:85%;
line-height:12px;
}

#contentsNews #contentsNewsList #contentsNewsList-flow dt {
padding-top:5px;
float:left;
}

#contentsNews #contentsNewsList #contentsNewsList-flow .date {
width:90px;
color:#999;
}

#contentsNews #contentsNewsList #contentsNewsList-flow .ico {
width:84px;
}

#contentsNews #contentsNewsList #contentsNewsList-flow dd {
background:url(../images/bg_news-li.gif) left bottom repeat-x;
padding:5px 5px 5px 180px;
display:block;
}

* html #contentsNews #contentsNewsList #contentsNewsList-flow dd {
text-indent:-0.2em;
}

#contentsLink {
background:url(../images/bg_news.jpg) left top no-repeat;
padding:11px 7px 6px 8px;
}

#contentsLink h3 {
margin-bottom:10px;
}

#contentsLink ul {
background:#fff url(../images/bg_link-li.jpg) left top repeat-x;
width:663px;
border:1px #fff solid;
display:table;
}

#contentsLink li {
padding-top:10px;
display:table-cell;
/display:inline;
/zoom:1;
vertical-align:top;
border-right:1px #E5E7E8 solid;
}

#contentsLink li div {
padding-bottom:5px;
text-align:center;
}

#contentsLink li p {
margin:0 auto;
width:176px;
font-size:85%;
}

/*
-----------------------------------------------------
contentsLeftArea
-----------------------------------------------------
*/

#contentsLeftTop {
width:195px;
/*border-left:1px #fff solid;*/
	padding-left: 1px;
float:left;
}

#merchantArea {
background:#DAEBF8;
padding:14px 6px 0 5px;
border-bottom:1px #fff solid;
}

#merchantArea h3 {
margin-bottom:12px;
padding-left:1px;
}

#merchantArea ul {
margin:0 auto;
width::202px;
}

#merchantArea li {
background:url(../images/merchant_li.gif) 0 bottom repeat-x;
}

#merchantArea li a {
background:url(../images/merchant_arrow.gif) 1px 0.45em no-repeat;
padding-left:17px;
font-size:85%;
color:#333;
line-height:23px;
display:block;
}

* html #merchantArea li a {
height:1%;
}

#variousArea {
background:#FFE6E6;
padding:14px 6px 14px 5px;
}

#variousArea h3 {
margin-bottom:12px;
padding-left:1px;
}

#variousArea ul {
margin-bottom:7px;
}

#variousArea li {
background:url(../images/various_li.gif) 0 bottom repeat-x;
}

#variousArea li a {
background:url(../images/merchant_arrow.gif) 1px 0.45em no-repeat;
padding-left:17px;
font-size:85%;
color:#333;
line-height:23px;
display:block;
}

* html #variousArea li a {
height:1%;
}

#variousArea dl {
margin:0 auto 10px;
width:205px;
height:38px;
position:relative;
}

#variousArea dt {
position:absolute;
top:0;
}

#variousArea dt.btn-a {
left:0;
}

#variousArea dt.btn-b {
right:0;
}

#variousArea p {
padding-bottom:0;
font-size:85%;
}

#qrArea {
margin-bottom:25px;
padding:19px 6px 0;
}

#qrArea ul {
/*width:206px;*/
}

#qrArea li {
padding-bottom:14px;
width:206px;
border-bottom:1px #ccc solid;
/zoom:1;
}

#qrArea li:after {
content:' ';
display:block;
clear:both;
height:0;
font-size:0.1em;
line-height:0;
}

#qrArea li div {
width:76px;
float:left;
}

#qrArea li p {
width:120px;
/height:76px;
height:auto;
min-height:76px;
text-align:left;
float:right;
}

#qrArea li p strong {
margin-bottom:0.5em;
padding-right:10px;
font-size:93%;
font-weight:bold;
display:block;
}

#qrArea li p span {
padding-right:10px;
font-size:85%;
display:block;
}

#snsArea ul {
margin:0 auto;
width:190px;
}

#snsArea .twit {
padding-bottom:10px;
}

/*
-----------------------------------------------------
FooterArea
-----------------------------------------------------
*/

#footerArea {
padding-bottom:10px;
width:900px;
background:#FFF url(../common/images/footer_bg.gif) 0 0 no-repeat;
/zoom:1;
}

#footerArea:after {
content:' ';
display:block;
clear:both;
height:0;
font-size:0.1em;
line-height:0;
}

#footerLeft {
padding:10px 0 0 5px;
float:left;
}

#footerRight {
padding:15px 10px 0 0;
text-align:right;
float:right;
}

ul#flinkList {
/zoom:1;
}

ul#flinkList:after {
content:' ';
display:block;
clear:both;
height:0;
font-size:0.1em;
line-height:0;
}

ul#flinkList li {
padding:0 3px;
float:left;
}

ul#flinkList li.listEnd {
border-right:none;
}

ul#flinkList li img {
vertical-align:bottom;
}
.ico-new {
	margin-left: 3px;
	width: 21px;
	padding-top: 3px;
}