@charset "UTF-8";

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－基本スタイル*/

*{
		padding: 0;
		margin: 0;
		text-align: justify;
		list-style-type: none;
}

h1, h2, h3, h4, h5, h6, p, address, em, strong {
		font-weight: normal;
		font-style: normal;
		font-size: 1em;
}

img {
		border: none;
		vertical-align: top;
}

body {
		font-size: 62.5%;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic pro", Osaka,"メイリオ",Meyryo, "MS Pゴシック", sans-serif;
		color: #666666;
		line-height: 1.7;
		background: #fff url(../images/eyes_bg.jpg) 0 0 repeat-x;
		margin: 15px 0;
}

p {
		text-align: justify;
		text-justify : inter-ideograph;
		font-size: 1.2em;
}

a:link {
		color: #0066cc;
		text-decoration: underline;
}

a:visited {
		color: #003399;
		text-decoration: none;
}

a:hover {
		color: #0066cc;
		text-decoration: none;
}

a:active {
		text-decoration: none;
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－wrapper*/

#wrapper {
		margin: auto;
		width: 760px !important;
		width /**/: 812px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding-top: 5px;
		padding-right: 25px;
		padding-left: 25px;
		background: #ffffff url(../images/0066cc810_bg.gif) 0 0 repeat-x;
		position: relative;
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ヘッダー*/

#header{
		margin-bottom: 45px;
}

h1{
		position: absolute;
		left: 30px;
		top: 23px;
}

h2{
		line-height: 1.2;
		text-align: right;
		margin-top: 10px;;
		margin-bottom: 8px;
		font-size: 10px;
}

h4{
		font-weight: bold;
		color: #336699;
		font-size: 1.2em;
}

#subNav {
		width: 210px;
		float: right;
}

#subNav li {
		float: right;
		width: 100px !important;
		width /**/: 120px;
		margin-right: 5px;
}

#subNav li a {
		display: block;
		overflow: hidden;
		width: 100%;
		height: 0 !important;
		height /**/ : 21px;
		padding-top: 21px;
}

#sub01 a { background: url(../images/sub_navigation.gif) -300px 0 no-repeat; }
#sub02 a { background: url(../images/sub_navigation.gif) -200px 0 no-repeat; }

#sub01 a:hover { background: url(../images/sub_navigation.gif) -300px -21px no-repeat; }
#sub02 a:hover { background: url(../images/sub_navigation.gif) -200px -21px no-repeat; }

/*#sub01{
		display: none;
}*/

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－フラッシュコンテンツ*/

#flashcontent{
		width: 760px;
		height: 260px;
		margin-bottom: 5px;
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ナビゲーション*/

#globalNav {
		width: 760px;
}

#globalNav li {
		float: left;
		width: 190px;
}

#globalNav li a {
		display: block;
		overflow: hidden;
		width: 100%;
		height: 0 !important;
		height /**/ : 60px;
		padding-top: 60px;
}

#nav01 a { background: url(../images/navigation.jpg) 0 0 no-repeat; }
#nav02 a { background: url(../images/navigation.jpg) -190px 0 no-repeat; }
#nav03 a { background: url(../images/navigation.jpg) -380px 0 no-repeat; }
#nav04 a { background: url(../images/navigation.jpg) -570px 0 no-repeat; }

#nav01 a.stay { background: url(../images/navigation.jpg) 0 -120px no-repeat; }
#nav02 a.stay { background: url(../images/navigation.jpg) -190px -120px no-repeat; }
#nav03 a.stay { background: url(../images/navigation.jpg) -380px -120px no-repeat; }
#nav04 a.stay { background: url(../images/navigation.jpg) -570px -120px no-repeat; }

#nav01 a:hover { background: url(../images/navigation.jpg) 0 -60px no-repeat; }
#nav02 a:hover { background: url(../images/navigation.jpg) -190px -60px no-repeat; }
#nav03 a:hover { background: url(../images/navigation.jpg) -380px -60px no-repeat; }
#nav04 a:hover { background: url(../images/navigation.jpg) -570px -60px no-repeat; }

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－コンテンツ枠*/

#indexWrapper, #contentWrapper{
		overflow: auto !important;
		overflow /**/: hidden;
		width: 100%;
		clear: both;
		padding-top: 15px;
		padding-bottom: 15px;
}

#contentWrapper{
		background: #fff url(../images/ececec190_bg.gif) 0 15px no-repeat;
}

#imageBusiness{
		width: 545px;
		height: 105px;
		margin-bottom: 15px;
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－トップページコンテンツ*/

#link{
		width: 190px;
		float: right;
}

#link ul li img{
		border: 2px #f5f5f5 solid;
		margin-top: 5px;
		margin-left: 12px;
}

#new, #news{
		width: 545px;
		float: left;
}

#new, #new h3{
margin-bottom:10px;
}

#news dt{
		margin-left: 0.5em;
		margin-right: 1.5em;
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		float: left;
		line-height: 1.5;
		font-weight: bold;
		color:#999999;
		background: url(../images/icon_news2.gif) 0 48% no-repeat;
		font-size: 1.2em;
}

#news dd{
		line-height: 1.5;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dashed #999;
		padding-left: 10em;
		font-size: 1.2em;
}

.feedburnerFeedBlock{
		overflow: auto;
		display: block;
		height: 200px;
}

.feedTitle, #creditfooter{
		display: none;
}

.feedburnerFeedBlock ul{
		padding-right: 1em;
		margin-top: 0;
}

.feedburnerFeedBlock ul li{
		margin-left: 0.5em;
		margin-right: 1.5em;
		padding-top: 10px;
		padding-left: 20px;
		padding-bottom: 10px;
		float: left;
		line-height: 1.5;
		background: url(../images/icon_news2.gif) 0 48% no-repeat;
		font-size: 10px;
		border-bottom: 1px dashed #999;
}

.feedburnerFeedBlock ul li a{
		font-size:1.2em;
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－コンテンツ事業案内*/

.xplanation{
		margin-bottom: 30px;
}

.xplanation h4{
		text-align: center;
}

.xplanation #chintai a{
		float: right;
		overflow: hidden;
		width: 141px;
		height: 0 !important;
		padding-top: 29px;
		background-image:  url(../images/button_chintai.gif);
		margin-bottom: 15px
}
.xplanation #chintai a:hover{
		background-position: 0 -29px;
}

#shopList{
		float: right;
		margin-bottom:15px;
}

#shopList li{
		float: left;
		font-size: 1.1em;
		padding-left: 20px;
		margin-left: 2em;
		background: url(../images/icon_news2.gif) 0 48% no-repeat;
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－コンテンツ店舗案内*/

#shopLink li, #searchLink li{
		padding-left: 1.5em;
		margin-left: -0.5em;
		background: url(../images/icon_news2.gif) 0 48% no-repeat;
}

#searchLink li{
		padding-right: 20px;
		background: url(../images/icon_blank.gif) 0.3em 48% no-repeat;
}

.map{
		width: 545px;
		height: 380px;
		border: none;
}

#shopPhoto{
		padding-top: 545px;
		width: 545px;
		height: 380px;
		border: none;
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－コンテンツ問い合わせ*/

.form_table{
		font-size: 1.1em;
}

.form_table th, .form_table td{
		padding-top: 5px;
		padding-bottom: 5px;
}

.telbox{
		font-size: 1.2em;
		margin-bottom: 15px;
}

.telbox td{
		padding: 5px;
}

.form_btn{
		text-align: center;
}

input{
		border: 1px solid #999;
		padding: 2px;
}

textarea{
		border: 1px solid #999;
		padding: 2px;
}

input:focus, textarea:focus{
		background-color: #EFF9FC;
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－その他ページコンテンツ共通*/

#sorry{
		height: 400px;
}

#primary{
		width: 190px;
		float: left;
}

#secondary{
		width: 545px;
		float: right;
}

#catchCopy{
		padding-bottom: 4px;
		border-bottom: 1px solid #ccc;
}

#secondary p{
		margin-top: 15px;
		margin-bottom: 15px;
		padding-right: 5px;
}

#secondary .subTitle{
		margin-bottom: 15px;
}

.basic{
		font-size: 1.1em;
}

ul.basic li{
	margin-left: 1em;
	list-style-type: disc;
}

.half{
	margin-left: -0.5em;
}

ol.basic li{
	margin-left: 1.5em;
	list-style-type: upper-alpha;
}

dl.basic dt {
	padding: 1em 0;
	border-top: 1px solid #ccc;
}

dl.basic dd {
	padding: 1em 0 1.1em 0;
	margin: -3.7em 0 0 11em;
}

dl.basic dd div {
	padding-left: 10px;
	border-left: 1px solid #ccc;
}

dl.basic dd dt {
	padding: 0;
	border: none;
}

dl.basic dd dd {
	padding: 0;
	margin: -1.7em 0 0 6em;
}

.border_clear {
	border: none !important;
}

dl.basic{
		border-bottom: 1px solid #ccc;
}

dl.basic .search{
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－フッター*/

#footer {
		clear: both;
		background: #ffffff url(../images/footer_bg.gif) 0 0 no-repeat;
		padding-top: 40px;
		padding-bottom: 5px;
}

#footer ul{
		float: right;
}

#footer li a{
		float: left;
		margin: 0 5px 0 10px;
		text-align: right;
		padding-left: 12px;
}

#privacy a{
		background: url(../images/icon_privacy.gif) 0 55% no-repeat;
}

#privacy a:hover{
		background: url(../images/icon_privacy_on.gif) 0 55% no-repeat;
}

#inquiry a{
		background: url(../images/icon_inquiry.gif) 0 50% no-repeat;
}

#inquiry a:hover{
		background: url(../images/icon_inquiry_on.gif) 0 50% no-repeat;
}

#copy {
		clear:both;
		text-align: center;
		font-size: 1.2em;
}