/*-----------------------リセット--------------------------*/
*{
	margin:0px;
	padding:0px;
	color:#300;
	font-size:15px;
}
main, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*-----------------------コンテンツ全体--------------------------*/
body{
	text-align:center;
	background:#fff url(images/body-back.gif) repeat-x center top;
	/*background-attachment:fixed;*/
	border-top:5px solid #065ca0;
}
/*--------------------------ヘッター---------------------------*/
h1{
	color:#065ca0;
	font-size:11px;
	padding:0px 10px 0px;
	margin:0 auto;
	font-weight:normal;
	float:right;
	height:10px;
	text-align:right;
}
h1 a,h1 a:link,h1 a:visited,h1 a:hover{
	color:#065ca0;
	font-size:11px;
	border:none;
	text-decoration:none;
}
header{
	vertical-align:top;
	width:980px;
	margin:0 auto;
	text-align:left;
	background:url(images/header-back.gif) repeat-x 0 0;
	padding:10px 25px;
	position:relative;
}
header h2{
	padding:0px 0px 0;
}
header h2 a img,header h2 img{
	vertical-align:bottom;
	
}
/*----------------------ページの見出し・フラッシュ----------------------------------*/
h2#TopImage{
	margin:0px auto;
	padding:10px 0;
	text-align:center;
	width:auto;
	background:url(images/mainimage-back.jpg) repeat-x center center;
}
h2#TopImage img{
	border:none;
	vertical-align:top;
}
h2#TopImage a{
	text-decoration:none;
}
h2#TopImage2{
	margin:0px auto;
	padding:10px 0;
	text-align:center;
	width:auto;
	background:url(images/mainimage-back.jpg) repeat-x center center;
}
h2#TopImage2 img{
	border:none;
	vertical-align:top;
}
h2#TopImage2 a{
	text-decoration:none;
}
/*-----------------------メインエリア--------------------------*/
h3{
	width:auto;
	padding:10px 10px;
	margin:10px 0 10px;
	text-align:center;
	clear:both;
	background:url(images/h3-back.jpg);
}
h3 a{;
	padding:0px 0px 0px;
	color:#333;
	font-size:18px;
	text-decoration:none;
	background:url(images/h3-back.gif) no-repeat 0px bottom;
	letter-spacing:0.2em;
}
h3 a:link,h3 a:visited,h3 a:hover{
	color:#333;
	text-decoration:none;
}
h3 a span{
	font-size:14px;
	font-weight:normal;
	color:#6f4924;
	letter-spacing:0;
}
h4{
	margin:30px 20px 0px;
	padding:0px 0 0px 10px;
	font-size:18px;
	color:#866d59;
	letter-spacing:0.3em;
	clear:none;
	vertical-align:bottom;
	background:url(images/h4-back.gif) no-repeat left center;
	text-align:left;
	border-left:18px solid #866d59;
}
h4 a,h4 a:link,h4 a:visited{
	font-size:16px;
	color:#866d59;
	text-decoration:none;
}
h4 a:hover{
	color:#866d59;
	text-decoration:underline;
}
h5{
	margin:20px 10px 0px;
	padding:5px;
	font-size:17px;
	color:#666;
	clear:both;
	border-left:15px solid #666;
	background:#efefef;
	text-align:left;
}
a img{
	border:none;
}
a{
	color:#2f589a;
	text-decoration:underline;
}
a:link{
	color:#2f589a;
	text-decoration:underline;
}
a:visited{
	color:#2f589a;
}
a:hover{
	color:skyblue;
}
p{
	padding:6px 10px;
	color:#666;
	line-height:180%;
	text-align:left;
}
p img{
	
}
span{
	font-weight:bold;
	color:#f90;
}
.red{color:red;font-weight:normal;}
.red1{color:red;font-weight:normal;font-size:13px;}
.blue{color:blue;font-weight:normal;}
.blue1{color:blue;font-weight:bold;}
.green{color:green;font-weight:normal;}
.green1{color:green;font-weight:bold;}
.black{color:#666;font-weight:bold;}
.brown{color:#600;font-weight:bold;}
.pink{color:#c0c;font-weight:bold;}
.ash{color:#999;font-weight:normal;}

ul{
	margin:10px 20px 20px 30px;
	list-style-type:disc;
}
ul li{
	margin:5px 20px 0px 10px;
	line-height:130%;
	color:#6f4924;
	text-align:left;
}
ul.number{
	list-style-type:decimal;
	margin:20px 20px 20px 30px;
}
ul.number li{
	margin:10px 20px 0px 20px;
	line-height:130%;
	color:#006;
}
ul#MemberList{
	list-style:none;
	margin:20px 20px 20px 0px;
}
ul#MemberList li{
	margin:5px 20px 0px 10px;
	padding:0px 5px 0px 60px;
	line-height:130%;
	color:#006;
	background:url(images/joukin_ico.gif) no-repeat left center;
}

table{
	width:95%;
	border:none;
	border-collapse:collapse;
	margin:10px 20px 50px;
}
table caption{
	font-size:15px;
	font-weight:bold;
	color:red;
	text-align:left;
	padding-bottom:5px;
}
table tr{

}
table tr th{
	padding:20px 10px 5px;
	border:none;
	border-bottom:1px solid #ccc;
	text-align:left;
	white-space:nowrap;
	color:#333;
	background:none;
	vertical-align:middle;
	letter-spacing:0.2em;
}
table tr.PinkTH th{
	background:#fdd;
	color:#333;
}
table tr.YellowTH th{
	background:#ffd;
}
table tr th a{color:#6c6;text-decoration:none;}
table tr th a:link{}
table tr th a:visited{}
table tr th a:hover{}

table tr td{
	text-align:left;
	padding:20px 10px 5px;
	border:none;
	border-bottom:1px solid #ccc;
	color:#444;
	line-height:130%;
	/*letter-spacing:0.1em;*/
}
table tr td.center{
	text-align:center;
}
table tr td.right{
	text-align:right;
}
table.PriceTable th,table.PriceTable td{
	text-align:center;
	border:1px solid #ccc;
	padding:10px;
}

.RightImage,.RightImage120,.RightImage150,.RightImage200,.RightImage240,.RightImage250,.RightImage300,.RightImage350,.RightImage360,.RightImage400,.RightImage500,.RightImage650{
	float:right;
	width:180px;
	margin:20px;
	/*border:1px solid #000;*/
	padding:0px;
}
.RightImage120{width:120px;}
.RightImage150{width:150px;}
.RightImage200{width:200px;}
.RightImage240{width:240px;}
.RightImage250{width:250px;}
.RightImage300{width:300px;}
.RightImage350{width:350px;}
.RightImage360{width:360px;}
.RightImage400{width:400px;}
.RightImage500{width:500px;}
.RightImage650{width:650px;}

.LeftImage60,.LeftImage150,.LeftImage180,.LeftImage200,.LeftImage250,.LeftImage370{
	float:left;
	width:60px;
	margin:0 5px 0 10px;
	/*border:1px solid #000;*/
	padding:0px;
}
.LeftImage150{width:150px;}
.LeftImage180{width:180px;}
.LeftImage200{width:200px;}
.LeftImage250{width:250px;}
.LeftImage370{width:370px;margin-right:10px;}

.return{
	text-align:right;
	clear:both;
}
.center{
	text-align:center
}
dl{
	margin-bottom:30px;
}
dt,dd{
	border-bottom:1px dashed #ccc;
	padding:5px 10px 2px;
	margin:10px 20px;
}
dt{
	margin-top:20px;
	color:#360;
	font-weight:bold;
}
dd{
	padding-left:30px;
	color:#666;
}
dt a{
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#006;
	text-decoration:none;
}
dd a{
	color:#006;
	text-decoration:none;
}
strong{
	color:#666;
	font-weight:bold;
}
em{
	font-style:normal;
	color:olive;
	font-weight:normal;
}
/*----------------------中央のエリア----------------------------------*/
main{
	width:980px;
	height:auto;
	margin:10px auto 30px;
	padding:5px 0px 0;
	text-align:left;
}
main p{
	padding:10px 20px;
	margin:0;
	color:#666;
	font-weight:normal;
	line-height:180%;
	letter-spacing:0.1em;
}
main p.message{
	padding:0px 15px 20px;
	line-height:180%;
	letter-spacing:0.1em;
	color:#666;
}
main p.return{
	padding:0px;
	margin:0;
}
main p.return a,main p.return a:link,main p.return a:visited{
	color:orange;
	text-decoration:underline;
}
main p.return a:hover{
	color:#ccc;
}
main p.question{
	background:pink;
	border-bottom:1px dashed #eee;
	margin:20px 20px 0;
	font-weight:bold;
}
main p.answer{
	margin:0 20px 20px;
	background:#ffe;
}
main img.CampaignImage{
	width:450px;
	margin:5px;
}
main p.CampaignText{
	text-align:center;
	border:3px dotted #960;
	background:#fee;
	padding:10px;
	margin:0px 0px 20px;
	font-size:15px;
	color:#960;
}
/*-----------------------主なサービス〜トップページ（index.html）〜--------------------------*/
main #CategoryBox{
	width:960px;
	margin:0px 0 20px 0px;
	padding:0 10px;
	background:#e9f0f9;
}
main #CategoryBox h3{
	background:none;
}
main #CategoryBox p{
	margin:0px 50px;
	letter-spacing:0.3em;
	line-height:180%;
	text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
}
/*-----------------------更新情報・お知らせ--------------------------*/
#News{
	margin:20px auto 10px;
	padding:10px 5px;
	width:980px;
	text-align:left;
	height:200px;
	overflow:auto;
}
#News ul{
	margin:0px 0px 5px;
	padding:0px;
	list-style:none;
	height:auto;
	overflow:auto;
}
#News ul li{
	padding:0px 15px 5px 65px;
	margin:12px 10px 5px;
	color:black;
	font-size:12px;
	font-weight:normal;
	border:none;
	vertical-align:top;
	border-bottom:1px dotted black;
	list-style:none;
	background:url(images/news-ico01.gif) no-repeat 0 top;
	text-align:left;;
}
#News ul li.update{
	background:url(images/news-ico02.gif) no-repeat 0 top;
}
#News ul li span.date{
	background:transparent;
	color:black;
	font-weight:normal;
	font-size:12px;
}
#News ul li a,#News ul li a:link,#News ul li a:visited{
	color:orange;
	font-size:13px;
}
#News ul li a:hover{
	color:#999;
	font-size:13px;
}
/*-----------------------バナー--------------------------*/
aside{
	width:auto;
	margin:10px 10px 0 0;
	padding:20px;
	background:#fff0d3;
	text-align:center;
}
ul#BannerBox{
	list-style:none;
	margin:30px auto 15px;
	padding:0px;
	clear:both;
	width:960px;
	text-align:center;
}
ul#BannerBox li{
	margin:5px 10px 0px;
	text-align:center;
	display:inline;
}
/*------------------------メインナビゲーション----------------------------*/
#menu{
	width:576px;
	height:40px;
	position:absolute;
	right:30px;
	top:35px;
}
#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	
}
#menu ul li{
	margin:0px 0;
	padding:0px;
	display:block;
	float:left;
	text-indent:-9999px;
}
#menu ul li a{
	padding:0px;
	margin:0;
	width:144px;
	height:40px;
	color:#000;
	font-size:14px;
	text-decoration:none;
	display:block;
}
#menu ul li#navi01 a:link{
	background:url(images/navi-back.jpg) -0px 0px;
}
#menu ul li#navi01 a:visited{
	background:url(images/navi-back.jpg) -0px 0px;
}
#menu ul li#navi01 a:hover{
	background:url(images/navi-back.jpg) -0px -40px;
}
#menu ul li#navi02 a:link{
	background:url(images/navi-back.jpg) -144px 0px;
}
#menu ul li#navi02 a:visited{
	background:url(images/navi-back.jpg) -144px 0px;
}
#menu ul li#navi02 a:hover{
	background:url(images/navi-back.jpg) -144px -40px;
}
#menu ul li#navi03 a:link{
	background:url(images/navi-back.jpg) -288px 0px;
}
#menu ul li#navi03 a:visited{
	background:url(images/navi-back.jpg) -288px 0px;
}
#menu ul li#navi03 a:hover{
	background:url(images/navi-back.jpg) -288px -40px;
}
#menu ul li#navi04 a:link{
	background:url(images/navi-back.jpg) -432px 0px;
}
#menu ul li#navi04 a:visited{
	background:url(images/navi-back.jpg) -432px 0px;
}
#menu ul li#navi04 a:hover{
	background:url(images/navi-back.jpg) -432px -40px;
}
/*------------------------サブナビゲーション----------------------------*/
#SubNavi{
	margin:20px;
	padding:5px 5px 5px;
	text-align:left;
	clear:both;
	width:380px;
	float:left;
}
#SubNavi ul{
	list-style:none;
	margin:0px 5px;
	padding:0px 0px 0px 1px;
	float:left;
	width:140px;
}
#SubNavi ul li{
	margin:5px;
	padding:0px 5px 0px 10px;
	border-bottom:1px dotted white;
}
#SubNavi ul li a{
	padding:0px;
	margin:0;
	color:black;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
#SubNavi ul li a:link{
	color:#fff;
	text-decoration:none;
}
#SubNavi ul li a:visited{
	color:#fff;
}
#SubNavi ul li a:hover{
	color:#999;
	text-decoration:none;
}
/*------------------------フッター----------------------------*/
footer{
	font-size:12px;
	color:white;
	text-align:center;
	margin:0px auto 0px;
	padding:0px 10px 0px;
	clear:both;
	width:auto;
	background:#0c3388;
}
#FooterBox{
	width:980px;
	margin:0 auto;
	text-align:left;
}
#AddressBox{
	width:500px;
	float:left;
	text-align:left;
	margin:0;
	padding:10px;
}
#AddressBox address{
	padding:5px 10px;
	margin:10px;
	font-size:13px;
	font-style:normal;
	color:#666;
	line-height:130%;
	letter-spacing:0.1em;
	text-align:left;
	background:#ffd5d5 url(images/address-back.gif) no-repeat 5px 2px;
	border:1px solid white;
	float:left;
	width:300px;
}
#AddressBox address strong{
	font-size:16px;
	color:white;
	font-weight:bold;
}
footer p,footer p a,footer p a:link,footer p a:visited,footer p a:hover{
	color:white;
	font-size:12px;
	text-decoration:none;
	padding:5px 0;
	line-height:130%;
}
footer p#CopyRight{
	padding:30px 0 10px;
	margin:0 auto;
	text-align:center;
	clear:both;
}
/*-----------------------オリック通信newspapaer.html--------------------------*/
ul#NewspaperBox{
	list-style:none;
	margin:20px 10px;
}
ul#NewspaperBox li{
	width:170px;
	float:left;
	list-style:none;
	margin:10px;
	text-align:center;
	line-height:100%;
}
ul#NewspaperBox li a img{
	border:1px solid #666;
	height:220px;
	vertical-align:top;
}
ul#NewspaperBox li span{
	display:block;
	font-size:13px;
	margin:10px auto;
	padding:5px;
	text-align:center;
	color:white;
	background:#0c3388;
}
ul#NewspaperBox li p.profile{
	font-size:15px;
	text-align:center;
	margin:10px;
	padding:0px;
	background:white;
	border:1px solid #ccc;
}
/*-----------------------アコーディオンメニュー--------------------------*/
dl#acMenu{
	margin:5px;
	padding:0;
}
dl#acMenu dt{ 
    display:block; 
    line-height:40px; 
    text-align:left; 
    font-size:17px;
    letter-spacing:0.2em;
    background:#fee url(images/arrow_down.png) right center no-repeat; ;
    border:none;
    cursor:pointer; 
    margin:10px auto ;
    padding-left:30px;
    clear:both;
    } 
dl#acMenu dd{ 
    background:none; 
    text-align:center; 
	border:none;
    display:none; 
    margin:0 auto;
    }
#acMenu dt.active{ 
    background:#fcc url(images/arrow_up.png) right center no-repeat; 
    }
dl#acMenu dd div{
	width:290px;
	float:left;
	margin:0 5px;
}
dl#acMenu dd p{
	border-bottom:#666 1px dotted;
	margin:0;
	padding:0;
}
/*-----------------------表示切替--------------------------*/
.nonpc{
	display:none;
}
.pc{
	display:block;
}