@charset "UTF-8";

/* ===== Universal Reset ===== */

*{
margin:0;
padding:0;
}

/* S̍\
---------------------------------------------------- */
body{
margin: 0;
padding: 0;
background-color: #FFFFFF;
color:#000;
font-size: 80%;
text-align:center;
font-family:"Arial";
}

img{
border-style:none;
}

h1,h2,h3,p{
margin:0;
padding:0;
}

sup{
font-size:80%;
}
.clear {
	clear: both;	
}

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

.clearfix {
	display: inline-block;
}

.f-left {
	float: left;	
}

.f-right {
	float: right;	
}
.dotLine{
border-bottom:1px dotted #CCC;
}

.attention{
border:1px solid #C00;
color:#C00;
padding:5px;
margin:20px 10px 0 0;
font-weight:bold;
}
.attention2{
color:#000;
padding:5px;
margin:10px 0 10px 0;
line-height:1.5em;
background-color:#E2E9F5;
}
.attention3{
border:1px solid #C00;
color:#C00;
padding:5px;
margin:20px 10px 0 0;
font-weight:bold;
text-align:center;
}
.attention4{
color:#000;
padding:5px;
margin:10px 0 10px 0;
line-height:1.5em;
background-color:#E2E9F5;
text-align:center;
}
.bgGray{
background-color:#eaeaea;
color:#000;
}

#wrap{
width:760px;
margin:0 auto;
text-align:left;
}

#ContentsTitle{
overflow: hidden;
}

#ContentsTitle:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #ContentsTitle {
    height: 1em;
    overflow: visible;
}
/**/

.TitleBg{
overflow: hidden;
}

.TitleBg:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .TitleBg {
    height: 1em;
    overflow: visible;
}
/**/


/* uEUp
---------------------------------------------------- */
.hidden {
display: none;
}
p.anchorLink {
	width: 0;
	height: 0;
	text-indent:-9999px;
	position: absolute; 
}
p.anchor {
	width: 0;
	height: 0;
	text-indent:-9999px;
	position: absolute;
	left: 27px;
	top: 381px;
}


/* wb_ݒ
---------------------------------------------------- */
div#header,#header2{
	width: 760px;
	height:55px;
	padding: 0px;
	margin: 0px;
	clear: both;
}

#header2 h1{
padding:0;
margin:0;
}
#header h1 {
position: absolute;
top: 30px;
}
p.siteTitle2 {
	position: absolute;
	top: 10px;
}

.itemArrow{
	background: url(../image/arrow.gif) no-repeat 0px 40%;
	padding:0 0 0 15px;
	margin:0 0px 0 10px;
}



/* TCg}bvATCY
---------------------------- */
.lang{
width:760px;
text-align: right;
margin-top:10px;
}
.lang ul{
margin:0 0 0px 0;
padding:0 0 0px 0;
list-style:none;
}

.lang li{
padding:0px 0 0 0px;
margin:0 0 0 0px;
height:28px;
display:inline;
}

.lang2{
position: absolute;
top: 10px;
text-align: right;
width:760px;
}
.lang2 ul{
margin:0 0 0px 0;
padding:0 0 0px 0;
list-style:none;
}

.lang2 li{
padding:0px 0 0 0px;
margin:0 0 0 0px;
height:28px;
display:inline;
}


/* wb_j[
---------------------------------------------------- */
#NaviMenu{
width:760px;
clear:both;
padding-top:5px;
}

ul.NaviButton li{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 1%;/*̌Ԃ폜*/
}

ul.NaviButton {
	width: 760px;
	height: 36px;
	padding: 0px;
	margin: 0px 0px 0px;
}


/* {bNX
---------------------------------------------------- */
#Search{
width:760px;
background-color:#F5F5F5;
color:#000;
text-align: right;
clear: both;
margin: 0;
padding: 5px 0 7px 0;
}

div#Search form {
	display: inline;
	vertical-align: middle;
	margin-top: 0px;
}
div#Search input {
	vertical-align: middle;
}

div#Search p{
	display: inline;
	margin:0 5px 0 5px;
	padding-top:5px;
}

div#Search img {
	vertical-align: middle;
	margin-right:10px;
}


/* CC[W
---------------------------------------------------- */
#MainImage{
padding:0;
margin:0;
font-size: 1%;/*IEoOΉ@lỉ̌Ԃ폜*/
}


/* Rec
---------------------------------------------------- */

#MainLeft{
width:560px;
float:left;
padding:10px 0 30px 0;
}

#MainRight{
width:200px;
float:right;
padding:0px 0 0px 0;
background-color:#CCC;
}

#OtherContents{
position:absolute;
top:488px;
margin-left:0px;
}
/*IÊݓKp*/
* html #OtherContents{
	position:absolute;
	top:520px;
	margin-left:0px;
}

/* j[
---------------------------------------------------- */
#MainMenu{
width:540px;
clear:both;
padding-top:10px;
}

.LeftMenu h3{
font-size:100%;
font-weight:normal;
padding:5px 0 0 0;
}

.LeftMenu ul{
/*width:260px;*/
margin:0 0 15px 0;
padding:0 0 0px 0;
list-style:none;
background-color:#F7F7F7;
}

.LeftMenu li{
padding:0px 0 0 20px;
border-bottom:1px solid #eaeaea;
background:url(../image/arrow.gif) no-repeat 3px 6px;
/*height:28px;*/
line-height:2em;
}

.LeftMenu h2{
padding:0;
margin:0;
font-size:1%;
}





/* Ej[oi[Xg
------------------------------- */
div.RightBanner ul{
width:200px;
margin:0 0 0px 0;
padding:0 0 15px 0;
list-style:none;
}

div.RightBanner li{
padding:0px 0 3px 0;
}


/* dvzu
------------------------------- */
div.Important{
position:absolute;
top:317px;
margin-left:560px
}
/*IÊݓKp*/
* html div.Important{
position:absolute;
top:308px;
margin-left:560px
}
div.Important ul{
width:200px;
margin:0 0 0px 0;
padding:0 0 15px 0;
list-style:none;
}

div.Important li{
padding:0px 0 0px 0;
}

/* tb^ݒ
------------------------------- */
#MainFooter{
clear:both;
/*width:760px;*/
border-top:2px solid #0D67BF;
background-color:#E6F2FF;
color:#000;
padding:8px;
text-align:center;
}
div#MainFooter span{
padding:0 5px 0 5px;
}
#puremark{
text-align:center;
margin:0px 0 5px 0;
}
#address{
text-align:center;
font-size:90%;
margin:0px 0 0 0;
line-height:1.5em;
}
#Copyright{
text-align:center;
font-size:90%;
margin:7px 0 0 0;
}


/* ------------------------------------------
2Kwڐݒ聡
------------------------------------------- */

/* ʍ
------------------------------- */
#MainContents{
width:760px;
border-top:1px solid #CCC;
padding:0;
margin:0;
clear:both;
}
.bread{
text-align:left;
font-size:90%;
padding:5px 3px 15px 3px;
}
#detailContents{
width:94%;
padding-left:23px;
}
.pageLink{
width:94%;
text-align:center;
line-height:1.5em;
font-size:90%;
}
div#detailContents p{
font-size:100%;
line-height:1.5em;
margin:10px 5px 10px 5px;
}
div#detailContents table{
margin:5px 10px 10px 10px;
}
div#detailContents th{
background-color:#eaeaea;
text-align:left;
padding:5px;
}
div#detailContents td{
padding:5px;
}
.td_bg01{
background-color:#CCC;
}
.td_bg02{
background-color:#FFF;
}
/* ʍځie[uwij
------------------------------- */
.tbback{
background-color:#999;
color:#000;
}
.tbback01{
background-color:#E6F2FF;
color:#000;
}
.tbback02{
background-color:#FFF;
color:#000;
}
.tbbackPrice{
background-color:#FFF;
color:#000;
text-align:right;
}
/* ʍځih4i1`3͊etitle.cssŐݒj
------------------------------- */
h4{
border-top:1px solid #CCC;
border-bottom:2px solid #CCC;
padding:7px;
margin:5px 0 5px 0;
clear:both;
}

/* ʍځi{^̐ݒj
------------------------------- */
.btn a{
width:200px;
background-image: url(../image/btn-blbg.jpg);
font-weight:bold;
text-decoration:none;
display:block;
margin:15px 0 0 247px;
padding:7px;
text-align:center;
border:1px outset #eaeaea;
font-size:90%;
}
.btn a:hover{
background-image: url(../image/btn-blbg_on.jpg);
border:1px outset #eaeaea;
}
.btn2 a{
width:300px;
background-image: url(../image/btn-blbg.jpg);
font-weight:bold;
text-decoration:none;
display:block;
margin:15px 0 0 197px;
padding:7px;
text-align:center;
border:1px outset #eaeaea;
font-size:90%;
}
.btn2 a:hover{
background-image: url(../image/btn-blbg_on.jpg);
border:1px outset #eaeaea;
}

/* ʍځiXg̐ݒj
------------------------------- */
#detailContents ul{
margin:0 0 0px 0;
padding:0 0 15px 0;
list-style:none;
}

#detailContents ol{
margin: 1em 0 2em 0;
}

/* NȂXg
------------------------- */
.TextList{
padding:0px 0 0 20px;
background:url(../image/icon-list_bl.gif) no-repeat 5px 5px;
line-height:1.5em;
}
.TextList2{
padding:0px 0 0 38px;
background:url(../image/icon-list_bls.gif) no-repeat 25px 5px;
line-height:1.5em;
margin-bottom:3px;
}

#detailContents ol li{
margin: 0 0 10px 20px;
}

/* N胊Xg
------------------------- */
.LinkList{
background:url(../image/arrow.gif) no-repeat 5px 7px;
padding:0 0 0 20px;
line-height:1.5em;
}
.LinkList img{
margin:5px 0 5px 0;
vertical-align:middle;
}

/* 摜̉荞݁i摜Ɂj
------------------------------- */
.PositionLeft{
float:left;
padding:10px 20px 0 0;
}
.PositionLeft img{
margin-bottom:20px;
}

/* 摜̉荞݁i摜EɁj
------------------------------- */
.PositionRight{
float:right;
padding:10px 0 0 20px;
}
.PositionRight img{
margin-bottom:10px;
}
/* y[Wgbv
------------------------------- */
.pageTop{
width:713px;
text-align:right;
font-size:90%;
margin:10px 0 10px 0;
clear:both;
}
div.pageTop a{
background:url(../image/icn-top.gif) no-repeat left center;
padding-left:12px;
}
/* y[WobN
------------------------------- */
.pageback{
background:url(../image/arrow-left.gif) no-repeat 5px 3px;
text-align:left;
font-size:90%;
margin:20px 0 0px 0;
padding:0 0 0 20px;
clear:both;
}


/* ------------------------------------------
q܂֏ڍאݒ聡
------------------------------------------- */

/* ₢킹FE
------------------------------- */
.organization{
margin-top:10px;
padding-left:70px;
}

.organization caption{
padding:5px 0 10px 0;
font-weight:bold;
text-align:left;
}
.organization th{
vertical-align:top;
}
.linetop{
background:url(../user/contact/image/bg_line-top.gif) no-repeat 5px 5px;
}
.linemiddle{
background:url(../user/contact/image/line.gif) repeat-y;
}
.linebottom{
background:url(../user/contact/image/bg_line-bottom.gif) no-repeat 5px bottom;
}
.organization td img{
vertical-align: middle;
margin:0 5px 0 0px;
}


/* ------------------------------------------
TCg}bv
------------------------------------------- */

/* ʍ
------------------------------- */
/* ===== TCg}bv^Cgݒ ===== */

#sitemapTitle,#otherTitle{
width:93%;
margin:9px 0 9px 20px;
border:1px solid #CCC;
padding:4px;
}

#sitemapTitle h1{
font-size:110%;
font-weight:bold;
padding:7px 0 5px 35px;
float:left;
background: url(../image/title-icn-sitemap.gif) no-repeat 4px 5px;
}
#otherTitle h1{
font-size:110%;
font-weight:bold;
padding:7px 0 5px 35px;
float:left;
background: url(../image/title-icn-other.gif) no-repeat 4px 5px;
}
.OtherTitleBg{
background-color:#ACD2F9;
height:34px;
}
#sitemapContents{
width:713px;
padding-left:23px;
}
.detailSitemap{
width:675px;
margin-left:17px;
padding-top:0px;
}
.iconLink{
background:url(../image/arrow.gif) no-repeat 20px 3px;
padding:0;
margin-bottom:20px;
margin-top:10px;
}
.iconLinkTitle{
background:url(../image/arrow.gif) no-repeat 10px 3px;
padding:0;
}
.iconNoLink{
background:url(../image/arrow-bottom.gif) no-repeat 20px 3px;
padding:0;
margin-top:10px;
}
.detailSitemap p{
padding-left:35px;
font-weight:bold;
}
.detailSitemap h3{
padding-left:35px;
font-size:100%;
}
.detailSitemap ul{
padding-left:40px;
margin-bottom:20px;
}
.detailSitemap li{
line-height:1.75em;
}
.detailSitemap img{
vertical-align:middle;
margin-right:5px;
padding:0;
}
.LeftContents{
width:332px;
float:left;
padding-bottom:15px;
vertical-align:top;
}
.RightContents{
/*width:332px;*/
margin-left:347px;
padding-bottom:15px;
vertical-align:top;
}

/* oih2jݒ
------------------------------- */
.MidashiSitemap{
width:675px;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
margin-top:5px;
margin-bottom:5px;
margin-left:17px;
clear:both;
}
.MidashiSitemap h2{
font-size:100%;
padding:7px;
line-height:1.3em;
}
.MidashiSitemap span{
font-weight:normal;
}
.iconLink span{
font-weight:normal;
line-height:1.5em;
}
.MidashiNews{
border-top:3px solid #0D65BF;
}
.MidashiUser{
border-top:3px solid #2AB2D4;
}
.Midashijigyosya{
border-top:3px solid #FFA205;
}
.Midashikanri{
border-top:3px solid #3C75D6;
}
.Midashisuido{
border-top:3px solid #32C1A6;
}
.Midashikogyo{
border-top:3px solid #A078CD;
}
.Midashivoice{
border-top:3px solid #FF909E;
}
.MidashiOther{
border-top:3px solid #0D67BF;
}
/* ݒ
--------------------- */
.PrintBtn{
float:right;
margin:4px 5px 0 0;
/*margin-top:-32px;*/
}

/* sʍڐݒ
--------------------- */
#HeadOsakacity{
margin:0;
padding:0;
width:760px;
}
* html #HeadOsakacity{
margin-bottom:5px;
}
#breadOsakacity{
margin-bottom:5px;
padding:0;
}


/* ƈē - {ݏЉ - LO
--------------------- */
#kinenkan p.photoAppearance {
text-align:center;
}
#kinenkan p.photoAppearance img {
padding:4px;
border:1px solid silver;
}
#kinenkan ul .TextList ul .TextList2  {
padding-left:15px;
background-position:0.1em;
}

#kinenkan-jyusyo h2 {
color:#0088AA;
}
#kinenkana-jyusyo #copyright {
width:94%;
padding-left:23px;
text-align:center;
color:#FFFFFF;
font-size:90%;
background-color:#333399;
}
#kinenkan-jyusyo #copyright {
width:720px;
border:1px solid #DFDFDF;
background-color:#38C1A5;
color:#FFFFFF;
text-align:center;
}

#kinenkan-tenji .LeftContents {
width:230px;
text-align:center;
}
#kinenkan-tenji .RightContents {
margin:0;
padding-top:0.4em;
width:470px;
float:left;
}
#kinenkan-tenji .LeftContents img {
border:1px solid #DFDFDF;
padding:4px;
}

#kinenkan-tenji #catchcopy:after {
clear:both;
}
#kinenkan-tenji #catchcopy {
margin-bottom:1em;
overflow:hidden;
}
#kinenkan-tenji #catchcopy .LeftContents img {
border:none;
}
#kinenkan-tenji #catchcopy .RightContents {
padding-top:2em;
}

/* Ǘ
--------------------- */
#detailContents p.singleLine {
text-align:center;
}

#detailContents hr {
border-width:0;
border-top:1px solid silver;
margin:1em 0;
}

/* Ce[u
------------------------------- */
.LineTable{margin-top:10px;}
.LineTable th{
vertical-align:top;
}
.linetop2{
background:url(../user/contact/image/bg_line-top.gif) no-repeat 5px 5px;
padding-left:77px !important;
vertical-align:top;
}
.linemiddle2{
background:url(../user/contact/image/bg_line-middle.gif) no-repeat 5px top;
padding-left:77px !important;
vertical-align:top;
}
.linebottom2{
background:url(../user/contact/image/bg_line-bottom.gif) no-repeat 5px bottom;
padding:12px 0 0 77px !important;
vertical-align:top;
}

/* {݈ē
--------------------- */
div.branch_office {
margin:0em auto 1em auto;
width:710px;
overflow:hidden;
}
div.branch_office div.address {
float:left;
width:510px;
}
div.branch_office div.address p {
clear:both;
padding-top:1em;
}

div.branch_office div.address p.bo_name {
padding:0;
padding-left:18px;
background:url(../image/icon-list_bl.gif) no-repeat 5px 5px;
}
div.branch_office div.address dl {
}
div.branch_office div.address dt {
margin-bottom:1em;
width:90px;
padding:0px 0 0 25px;
background:url(../image/icon-list_bls.gif) no-repeat 10px 5px;
float:left;
}
div.branch_office div.address dd {
margin-bottom:1em;
width:395px;
float:left;
}
div.branch_office div.address dd.tel {
width:420px;
}

div.branch_office div.address dd dl.number {
margin-left:25px;
overflow:hidden;
width:470px;
}

div.branch_office div.address dd dl.number dt {
margin:0;
margin-top:0.4em;
background:none;
padding:0;
float:left;
width:350px;
}

div.branch_office div.address dd dl.number dd {
margin:0;
margin-top:0.4em;
background:none;
padding:0;
float:left;
width:100px;
}

div.map_area {
margin-left:5px;
margin-bottom:20px;
padding-top:20px;
float:left;
width:180px;
}

div.map_area img {
padding:2px;
border:1px solid silver;
}

div.branch_office div.separator {
clear:both;
}
div.branch_office div.separator hr {
display:none;
visibility:hidden;
}

#eigyosho div.kinkyu_contact div.address {
width:100%;
}
#eigyosho div.kinkyu_contact div.map_area {
display:none;
}

/* Zp
--------------------- */
#detailContents ul.numList {
padding: 0px 0px 15px 35px;
}
.numList li {
	list-style-type: upper-roman;
	list-style-position: outside;
}
#detailContents ul.numList ul {
padding: 0px 0px 0px 35px;
}
.numList li li {
	list-style-type: decimal;
	list-style-position: outside;
}

/* --------------------- */
p.text_body {
text-indent:1em;
}

/* --------------------- */
p.divisionSource {
	text-align: center;
	font-weight: bold;
	width: 30em;
}
p.divisionSource span {
	text-decoration: underline;
}