@charset "utf-8";
/*
	table border: #FEE7C9
	table background: #FFFAEC, #ffffff
	.main h3 #ea5711
*/

/* ======================================================================================= */
/* Setting
/* ======================================================================================= */
body, div, h1, h2, h3, h4, h5, h6, p, per, img, a, ul, ol, li, dl, dt, dd, address,hr {
	list-style: none;
	border: none;
	color: #454545;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
div,p,h1,h2,h3,h4,h5,h6,h7,ol,ul,p,img,dl{overflow:hidden;}

/* ======================================================================================= */
/* Group */
/* ======================================================================================= */
/* float clear */
#side,
div#site_caption h1,
#header ul li,
#nav ul li,
#path ol li,
#main dl dt,
#main dl dt.topics2,
#main .text dl.sell,
#main .text dl.sell dt.s01,
form label,
#main #topics h3,
#main div.shopex ol li{	float:left;}
#header,
#main dl dt,
#main dl dt.topics2{	clear:left;}
#main,
#main .text dl.sell dd{	float:right;}
#main div.shopex img{	clear: both;}
/* background */
#container,
#contents,
#side,
#main h2,
form,
form li{background-color:#f3ede7;}
#site_caption,
#header,
#main,
#main #topics th.topics,
#sitemap ul li ul li.last{background-color:#fff;}


/* ======================================================================================= */
/* Layout - Basic
/* ======================================================================================= */
html{	height: 100%;}
body {
height: 100%;
background: url(../images/bg.png) 0 0 repeat-x;
background-position: 0 23px;
line-height: 125%;
font-size:13px;
}
#container {
position:relative;
width:910px;
min-height: 100%;
margin: 0 auto;
}
a {	color: #0066FF;}
a:hover{	color: #333366;}

/* ------------------------------------------------------------- */
/* mainBlock */
/* ------------------------------------------------------------- */
/* #path */

/* #contents */
/* #main */
/* #side */
#side {
width:240px;
color: #333;
text-align: center;
margin: 0 0 0 15px;
display: inline;
}

/* #footer */
#footer {
width:100%;
bottom: 0;
color: #666;
text-align: right;
margin: 20px 0 0 0;
}

/* ======================================================================================= */
/* .sbox_cen -index.html-description */
/* ======================================================================================= */
.sbox_cen{
position: absolute;
left: 0;
top: 0;
height:20px;
width: 100%;
overflow: hidden;
font-size: 10px;
text-align: center;
z-index:99;
}

/* ======================================================================================= */
/* Header */
/* ======================================================================================= */
#header {
position:relative;
width:100%;
height: 123px;
color: #999;
margin: 0 auto;
}
#header h1{
position: absolute;
font-size:10px;
top:23px;left:0;
}
#header h2{
position: absolute;
top:38px;left:0;
}
#header p.h1 {
position: absolute;
top: 23px;
left: 0;
font-size: 93%;
}
#header p.h2 {
position: absolute;
top:38px;
left: 0;
font-size: 93%;
}
/* Lang Navigation */
/* ------------------------------------------------------------- */
#header ul {
position: absolute;
top: 3px;
right: 0;
border-left: 1px solid #ccc;
}
#header ul li {
border-right: 1px solid #ccc;
font-size: 85%;
padding: 0 10px;
}
#header ul li a {text-decoration: none;}
#header ul li a:hover {color: #CC3300;}
#header ul li.now a {
font-weight: bold;
text-decoration: underline;
}
/* index.html */
/* ------------------------------------------------------------- */
.index #header{
height:123px;
}
.index #header ul {
position: absolute;
top: 23px;
right: 0;
}

/* Omimai */
/* ------------------------------------------------------------- */
.h_topics{
position:absolute;
top:45px;right:0;
width:550px;
font-size:10px;
}
.h_topics h3{
font-weight:bold;
font-size:12px;
}

/* ======================================================================================= */
/* Navigation */
/* ======================================================================================= */
#nav{
	width:100%;
	height:50px;
}
#navi ul{}
#nav ul li {text-align: center;}

#nav ul li a {
width: 182px;
height: 50px;
display: block;
}
#nav ul li a:hover {background-color: #c7bfb5;}

/* ======================================================================================= */
/* #topimage - index.htmlのみ */
/* ======================================================================================= */
#topimage{
	margin:0 auto;
	width:100%;
}

/* ======================================================================================= */
/* #path */
/* ======================================================================================= */
#path {
width:95%;
height: 30px;
font-size: 93%;
line-height: 30px;
margin: 0 auto;
}
#path ol {}
#path ol li {}
#path ol li a {
background: url(../images/path.png) right 50% no-repeat;
padding: 0 28px 0 0;
}

/* ======================================================================================= */
/* #contents */
/* ======================================================================================= */
#contents {
width:100%;
margin: 0 auto;
padding: 0 0 20px 0;
}

/* ======================================================================================= */
/* #main */
/* ======================================================================================= */
#main {
	width: 620px;
	margin: 0 15px 0 0;
	display: inline;
	line-height: 150%;
}
/* H */
/* ------------------------------------------------------------- */
#main h2 {
	width: 93%;
	border-left: 8px solid #EEE4DB;
	color: #3F312B;
	font-weight: bold;
	font-size: 16px;
	margin: 20px auto;
	padding: 6px 0 4px 10px;
}
#main h3 {
	width: 93%;
	margin: 0 auto 10px;
	border-bottom:1px solid #FEE1BA;
	clear:left;
}

/* #main div.text */
/* ------------------------------------------------------------- */
#main .text {
	width: 93%;
	margin: 0 auto 20px;
	font-size:93%;
}
#main .text h3 {
	width: 100%;
	border-bottom: 1px solid #FEE1BA;
}
#main .text p {
	width:95%;
	margin: 10px auto;
}
#main .text ol,
#main .text ul{
	width:95%;
	margin:10px auto;
}
#main .text ol li,
#main .text ul li{
	padding:2px 0;
}
#main .text ol li p {
	margin: 0 0 0 10px;
}
#main .text table {
	width: 95%;
	border: 1px solid #FEE7C9;
	margin: 0 auto;
}

#main .text table th {
	width: 10em;
	vertical-align: top;
	border-bottom: 1px solid #FEE7C9;
	background: #FFFAEC;
	text-align: left;
	padding: 0.5em 1em;
}
#main .text table td {
	vertical-align: top;
	border-bottom: 1px solid #FEE7C9;
	padding: 0.5em 1em;
}
#main .text table td ol {
	margin: 0;
	padding: 0 0 0 30px;
}
#main .text table td ol li {
	list-style: decimal outside;
}
#main .text table td p {
	margin: 0;
	padding: 0;
}

/* toptopics */
#main dl.top_topics{
	width: 95%;
	border: 1px solid #FEE7C9;
	margin: 0 auto;
}

#main .top_topics h3{
	width: auto;
	border-bottom: 1px solid #330033;
	color: #003366;
	font-weight: bold;
	font-size: 93%;
	margin: 5px 5px 5px 0;
}

#main .text .top_topics p{
	margin: 10px 0 5px;
}
#main .text table.toptopics {
	border-bottom: 1px #FEE7C9 solid;
	border-collapse: collapse;
}

#main .text table.toptopics tr.even {
	background-color: #FFFAEC;
}

#main .text table.toptopics th {
	width: 100px;
	border-bottom: none;
	background: none;
}

#main .text table.toptopics td {
	border-bottom: none;
}

#main .text table.toptopics td p{
	margin: 0 0 1em 0;
}

/* ------------------------------------------------------------- */
/* #topics */
/* ------------------------------------------------------------- */
#topics{
	width: 530px;
	vertical-align: top;
	border: 1px solid #FEE7C9;
	margin: 0 auto;
}

#topics th{
	vertical-align: top;
	background-color: #FFFAEC;
	text-align: left;
	padding: 10px 1em 10px 1em;
}

#topics th p{
	margin: 0 0 1em;
}

#topics td{
	vertical-align: top;
	border-bottom: 1px solid #aaa;
	text-align: left;
	padding: 1em;
}

#topics td h3{
	width: 410px;
	color: #003366;
	font-weight: bold;
	font-size: 108%;
	margin: 0 0 0.5em;
	padding: 0 10px 3px;
}

#topics td p{
	color: #454545;
	font-size: 93%;
	margin: 10px 1em;
}

/* ------------------------------------------------------------- */
/* Toppage Return */
/* ------------------------------------------------------------- */
p.return {
	text-align: right;
	margin: 10px 20px 20px;
	line-height: normal;
}

p.return a {
	color: #0066FF;
}

/* ------------------------------------------------------------- */
/* dl */
/* ------------------------------------------------------------- */
.text dl {
	width: 95%;
	margin: 20px auto 0;
}

#main dl dt {
	width: 8em;
	color: #333;
	font-weight: bold;
	padding: 0.5em;
}

#main dl dd {
	color: #666;
	padding: 0.5em 1em 0.5em 10em;
	display: block;
}

#main dl dt.topics2  {
	width: 8em;
	background-color: #FFFAEC;
	color: #333;
	font-weight: bold;
	padding: 0.5em;
}

#main dl dd.topics2 {
	background-color: #FFFAEC;
	color: #666;
	padding: 0.5em 1em 0.5em 10em;
}

#main dl dd p{
	padding: 0 10px;
}


/* form */
form {
	width: 480px;
	margin: 0 auto;
}
/* ======================================================================================= */
/* #side */
/* ======================================================================================= */
#side ul {
	margin: 0 0 0 10px;
}

#side ul li {
}

#side ul li a:hover {
	display: block;
}

/*  */
#side dl {
	width: 220px;
	margin: 0 auto 10px;
}

#side dl dt {
	font-weight: bold;
	text-align: center;
	margin: 10px 0 2px 0;
}

#side dl dd {
	margin: 3px 0;
}

#side dl dd.none a{
	width: auto;
	height: auto;
	background: none;
	text-indent: 0;
	display: inline;
}

#side dl#jshoppers{
	display: none;
}

/* ======================================================================================= */
/* #footer */
/* ======================================================================================= */
#footer address {
	padding: 0 10px 5px 0;
}

#footer p{
	padding: 0 10px 0 0;
}

/* ------------------------------------------------------------- */
/* Page Layout */
/* ------------------------------------------------------------- */
#main #osaka, #main #kobe {
}

#main #osaka h3 {
}

#main #kobe h3 {
	margin: 20px 0 0 0;
}

#main #osaka h4, #main #kobe h4 {
	color: #333;
	font-weight: bold;
	font-size: 108%;
	margin: 20px 0 0 10px;
}

#main #osaka dl, #main #kobe dl {
	margin-top: 5px;
}

.center {
	text-align: center;
	margin: 0 auto 20px;
}

/**/
#main .text dl.sell{
	border: none;
	background: none;
}

#main .text dl.sell dt{
	width: 150px;
	text-align: center;
	display: block;
}

#main .text dl.sell dt.s01{
	text-align: center;
}

#main .text dl.sell dt img{
	}

#main .text dl.sell dd{
	width: 350px;
	border: none;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0em;
}

/* ======================================================================================= */
/* ======================================================================================= */


/* ======================================================================================= */
/* sitemap */
/* ======================================================================================= */
#sitemap{
	width:86%;
	margin:0 auto;
}
#sitemap ul li,#sitemap ol li{
	margin:2px 0 0 20px;
	padding:2px 0 2px 10px;
	color:#9F4F78;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #4F4048;
	list-style:inside disc;
}
#sitemap ul li.group, #sitemap ol li.group{
	border:none;
}

#sitemap ul li a:hover{
	color:#9F4F78;
}

/*  */
#main #list {
	width: 560px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	display: block;
}

#main #qa {
	width: 560px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	display: block;
}

#main #qa dl {
	margin: 0;
	padding: 0;
	display: block;
}

#main #qa dl dt {
	width: 520px;
	float: none;
	border-bottom-width: 1px;
	border-bottom-color: #FEE1BA;
	border-bottom-style: solid;
	background-image: url(../images/qa_q.jpg);
	background-repeat: no-repeat;
	background-position: left taransparent;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}

#main #qa dl dd {
	background-image: url(../images/qa_m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}

/* Sidebar */
/* ======================================================================================= */
#side h2{
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

/* link */
#side ol{
	width: 220px;
	text-indent: 30px;
	text-align: left;
	margin: 0 auto 30px;
	display: block;
}
#side ol li a{
	width: 220px;
	height: 40px;
	background-repeat: no-repeat;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 8px;
	display: block;
	text-indent:-9999px;
	text-align:left;
}
#side ol li#sidelink_01 a{
	background-image:url(../images/sidelink_01.png);
}
#side ol li#sidelink_02 a{
	background-image:url(../images/sidelink_02.png);
}
#side ol li#sidelink_03 a{
	background-image:url(../images/sidelink_03.png);
}
#side ol li#sidelink_04 a{
	background-image:url(../images/sidelink_04.png);
}
#side ol li#sidelink_05 a{
	background-image:url(../images/sidelink_05.png);
}
#side ol li a:hover{
	background-position:right top;
}

#main h3{
	font-weight: bold;
	font-size: 14px;
	text-indent: 1em;
	letter-spacing: 0.1em;
}

strong,em{
	font-style: normal;
	font-weight: normal;
}

#contents #side .rz01 {
	font-size: 16px;
	text-align: left;
	padding: 6px 0 4px;
}

/* サイドメニュー追加項目*/
#side .brand {
	background-color: #FFF;
	height: 218px;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
}
.brand p.left {
	float: left;
	height: 40px;
	width: 100px;
	display: inline;
	margin-top: 5px;
	margin-left: 5px;
}
#side .brand p a:hover {
	margin-left: 2px;
}

.brand p.right {
	float: right;
	display: inline;
	height: 40px;
	width: 100px;
	margin-top: 5px;
	margin-right: 5px;
}
.brand p.center{clear:both;}

/* 　会社概要追加項目　*/
#main .text table.corp {
	border: 1px solid #FEE7C9;
	border-collapse: collapse;
	border-spacing: 0;
}

table.corp th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #FEE7C9;
	border-bottom-color: #FEE7C9;
	border-right-style: solid;
	border-bottom-style: solid;
	background-color: #FFFAEC;
}

table.corp td {
	border-bottom-width: 1px;
	border-bottom-color: #FEE7C9;
	border-bottom-style: solid;
}

/* 　よくある質問追加項目　*/
/* 　最新情報追加項目　*/
#main #topics h3 {
	border-bottom-style: none;
	margin-bottom: 0px;
}

#main #topics th.topics {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #FEE7C9;
	border-bottom-color: #FEE7C9;
	border-top-style: dotted;
	border-bottom-style: solid;
	font-weight: normal;
	padding-bottom: 20px;
}

/* 　事業内容追加項目　*/
#side ol #snavi01 a {
	background-image: url(../images/icon_later.jpg);
}

#side ol #snavi02 a {
	background-image: url(../images/icon_later.jpg);
	margin-top: 10px;
}

/* 　20101029ヘッダー修正　*/
#header p.h1 {
	color: #666;
	font-size: 10px;
}

#side h3{
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

#side p.h3 {
	font-size: 12px;
	text-align: center;
	margin: 20px auto 2px;
	font-weight:bold;
}
#side p.h3 a{
	color: #333;
	font-weight:bold;
	text-decoration:none;
}
#side p.small{
	font-size:10px;
}

/* 
div.guide
blue:#455C88
orange:#F08320
 */
/* ======================================================================================= */
#main div.guide{
	width:93%;
	margin:10px auto 50px;
	text-align:center;
	border-bottom:1px dotted #ccc;
	border-bottom:1px dotted #999;
}

#main div.guide h4,
#main div.guide h5,
#main div.guide h6,
#main div.guide p.title{
	font-weight:bold;
	text-align:left;
}
#main div.guide h4 {
	width:90%;
	padding:3px 0 5px 8px;
	border-left:5px solid #455C88;
	margin:30px auto 0;
	color:#455C88;
	font-size:182%;
}
#main div.guide h5{
	width:85%;
	font-size:16px;
	color:#455C88;
	margin:25px auto 5px;
}
#main div.guide h6{
	width:85%;
	font-size:16px;
	color:#455C88;
	margin:25px auto 5px;

}
#main div.guide p{
	text-align:left;
	color:#555;
	width:90%;
	margin:3px auto 7px;
	width:90%;
}
#main div.guide table{
	margin:20px auto 5px;
	width:90%;
	border: 1px solid #FEE7C9;
}
#main div.guide table tr{
}
#main div.guide table th{
	border-bottom: 1px solid #FEE7C9;
	background: #FFFAEC;
	padding: 0.5em 1em;
	border-right: 1px solid #FEE7C9;
}
#main div.guide table td{
	border-bottom: 1px solid #FEE7C9;
	border-right: 1px solid #FEE7C9;
	padding: 0.5em 1em;
}

/* #main div.guide p */
/* ======================================================================================= */
#main div.guide p.link{
	width:93%;
}
#main div.guide p.link a{
	padding:1px 0 1px 12px;
	margin:0 15px 0 0;
	background:url(../images/arrow_b.png) 0 45% no-repeat;
	color:#455C88;
}
#main div.guide p.link a:hover{	color:#F08320;}
#main div.guide p.title{
	font-size:108%;
	margin:20px auto 0;
	padding:0;
	color:#455C88;
}
#main div.guide p.return{
	margin:40px auto 10px;
	padding:0;
	text-align:right;
}
#main div.guide img{
	margin:0 auto;
	clear:both;
}
/* table */
#main div table.guide1{
	width:525px;
	margin:20px auto 10px;
	font-size:93%;
	line-height:125%;
	border:none;
	padding:0;
}
#main div table.guide1 th{	padding:0;	border:none;
background:none;

}
#main div table.guide1 th p{
	width:85%;
	margin:0 auto;
	padding:5px 2px 2px;
	font-weight:bold;
}
#main div table.guide1 td{	padding:0;	border:none;

}
#main div table.guide1 td p{
	width:85%;
	margin:0 auto;
	padding:5px 2px;
	border-top:1px solid #999;
}

/* ======================================================================================= */
/* #main .mail */
/* ======================================================================================= */
#main div.mail{
	width:93%;
	margin:10px auto;
}
#main div.mail p{
	width:87%;
	margin:0 auto;
	text-align:left;
}
#main div.mail h4{
	width:94%;
	color:#EA5812;
	margin:0 auto;
	font-size:161%;
	font-weight:bold;
	line-height:1.25em;
}
#main div.mail h5{
	width:90%;
	margin:0 auto;
	color:#EA5812;
	font-size:123%;
	font-weight:bold;
	line-height:1.25em;
}
#main div.mail h6{
	color:#EA5812;
	font-size:138%;
	font-weight:bold;
	line-height:1.25em;
}
/* .main .mail .box_g */
/* ------------------------------------------------------------- */
#main div.mail div.box_g{
	border:1px solid #80a639;
}
#main div.mail div.box_y{
	border:1px solid #FEE7C9;
}
#main div.mail div.box_o{
	border:1px solid #EA5812;
}
#main div.mail div.box_g,
#main div.mail div.box_y,
#main div.mail div.box_o{
	width:87%;
	margin:10px auto 5px;
}

#main div.mail div.box_g h5{
	background:#80a639;
	color:#ffffff;
}
#main div.mail div.box_y h5{
	background:#FFFAEC;
	color:#454545;
}
#main div.mail div.box_o h5{
	background:#EA5812;
	color:#ffffff;
}
#main div.mail div.box_g h5,
#main div.mail div.box_y h5,
#main div.mail div.box_o h5{
	width:100%;
	font-size:108%;
	font-weight:bold;
	padding:5px 9px;
}
#main div.mail div.box_g p,
#main div.mail div.box_g ol,
#main div.mail div.box_g ul,
#main div.mail div.box_y p,
#main div.mail div.box_y ol,
#main div.mail div.box_y ul,
#main div.mail div.box_o p,
#main div.mail div.box_o ol,
#main div.mail div.box_o ul{
	width:96%;
	margin:0 auto;
	padding:4px 11px;
}
/* ------------------------------------------------------------- */



/* ======================================================================================= */
/* part */
/* ======================================================================================= */
/* align */
.text_c{text-align:center;margin:auto;}
.text_r{text-align:right;}
.text_l{text-align:left;}
/* float */
.float_r{float:right;}
.float_l{float:left;}
.clear_r{clear:right;}
.clear_l{clear:left;}
.clear_b{clear:both;}
/* font-weight */
.strong{
	font-weight:bold;
	font-size:100%;
}
.b_strong{
	font-weight:bold;
	font-size:108%;
}
/* notes */
.notes{
	width:85%;
	margin:0 auto;
	padding:0;
	font-size:83%;
	line-height:1.25em;
}
.notes li{
	margin:0;
	padding:0;
}
#main .ec .notes{
	width:480px;
	margin:0 auto;
}

/* ======================================================================================= */
/* 丸角 */
/* ======================================================================================= */
#main .round{
	width:500px;
	margin:10px auto;
	padding:5px 0 7px;
	line-height:1.5em;
}
#main .round h4{
	width:500px;
	padding:7px 0;
	color:#fafafa;
	text-indent:1em;
	margin:0 auto;
	font-size:162%;
	font-weight:bold;
}
#main .round p,
#main .round h5{
	width:468px;
	padding:10px 15px 0;
	margin:0 auto;
}
#main .round h5{
	font-size:138%;
	font-weight:bold;
}
#main .round ol,
#main .round ul{
	width:423px;
	padding:5px 30px 10px 45px;
	margin:0 auto;
}
#main .round_bk h5,
#main .round_bk p,
#main .round_bk ol,
#main .round_bk ul{
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#main .round_bk{background:url(../images/round_bottom_bk.png) left bottom no-repeat;}
#main .round_bk h4{background:url(../images/round_top_bk.png) left top no-repeat;}

#main .round_bl h5,
#main .round_bl p,
#main .round_bl ol,
#main .round_bl ul{
	border-left:1px solid #445d86;
	border-right:1px solid #445d86;
}
#main .round_bl{background:url(../images/round_bottom_bl.png) left bottom no-repeat;}
#main .round_bl h4{background:url(../images/round_top_bl.png) left top no-repeat;}

#main .round_or h5,
#main .round_or p,
#main .round_or ol,
#main .round_or ul{
	border-left:1px solid #f0831e;
	border-right:1px solid #f0831e;
}
#main .round_or{background:url(../images/round_bottom_or.png) left bottom no-repeat;}
#main .round_or h4{background:url(../images/round_top_or.png) left top no-repeat;}


/* ======================================================================================= */
/* W3C */
/* ======================================================================================= */
#side p.w3c{
	margin:20px 0 0 0;
}	


.sbox_cen table{
	text-align:left;
	}