/* CSS Document */

/* page
---------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #555555;
	text-align:center;
	font-family:"ＭＳ Ｐ　Gothic", Osaka, "Arial", sans-serif ,Helvetica; 
	background: #ffffff url(img/bg.jpg) no-repeat center top;
		}

	
img {margin: 0px; border: 0px; padding : 0px; vertical-align : top} 


#img {float: right; margin: 5px; } 
.rightimg {float: right; margin: 5px; } 
.leftimg {float: left; margin: 5px; } 

.rightimgnon {float: right; margin-right: 0px; } 
.leftimgnon{float: left; margin-left: 0px; } 


a:link {color:#ffffff; text-decoration:none;}
a:visited {color:#ffffff; text-decoration:none;}
a:active {color:#00cc99; text-decoration:none;}
a:hover {color:#00cc99; text-decoration:none;}



	
/* head
---------------------------------------------------------------------- */
div#head {
 	height: 117px;
	width: 850px;
	margin:0 50px;
	
	}
	
div#head_left {
	float: left;
	width: 410px;
		height: 80px;	
	}
#head_left a:link {color:#999999; text-decoration:none;}
#head_left a:visited {color:#999999; text-decoration:none;}
#head_left a:hover {color:#999999; text-decoration:none;}	
	
	
div#head_right {
	float: right;
	width: 410px;
		height: 80px;
	}
	
	
	
div#wrapper {
    clear: both;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	
	width: 950px;
	}
	
	
/* gnavi
---------------------------------------------------------------------- */

#gnavi{
    clear:both;

	width: 850px;
	height: 37px;
	text-align: left;
	background: url(img/gnavi_off.gif) repeat-x;
	}

	

#gnavi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#gnavi ul  li {
	padding: 0;
	display: inline;
	}

#gnavi ul li a:hover img {
	opacity:0.85;
	filter:alpha(opacity=85);
	}
	
		
#gnavi li.on {
	color: #00cc99;
	}

li{clear:left;}

/* lnavi
---------------------------------------------------------------------- */
#lnavi{

background: url(img/lnavi_top.gif)  top center no-repeat;
padding-top:8px;
	}
#lnavi ul {
	clear:both;
	margin: 0;
	padding: 0 0 7px 0;
	taxt-decoration: none;
	background: url(img/lnavi_bottom.gif)  bottom center no-repeat;
	list-style-type:none;

	}
	

#lnavi li.ltop {
	color: #ffffff;
	background: url(img/lnavi_title.gif)  bottom center no-repeat;
	width:190px;
	_width:200px;
	display: block;	
padding: 10px 0 5px 10px;
	margin:0;
	height: 30px;
	text-indent: 10px;
	line-height: 20px;
	font-size: 12px;	
	}

#lnavi li.ltop a:hover {
	color: #3C6;
	}

#lnavi li.ltop a{
	color: #ffffff;	
	}		

#lnavi li.lon {
	color: #ffffcc;
	background: url(img/lnavi_on.gif)  bottom center no-repeat;
   width:185px;
   _width:200px;
	display: block;	
padding: 10px 0 5px 15px;
	margin:0;
	height: 30px;
	text-indent: 10px;
	line-height: 20px;
	font-size: 12px;	
	color:#333;
	}	

	
#lnavi li.loff  a  {
	background: url(img/lnavi_off.gif) bottom center no-repeat;
width:185px;
_width:200px;
	display: block;	
padding: 10px 0 5px 15px;
	margin:0;
	height: 30px;
	text-indent: 10px;
	line-height: 20px;
	font-size: 12px;	
	color:#333;
	}
#lnavi li.loff a:hover {
	color: #3C6;
	background: url(img/lnavi_over.gif) bottom center no-repeat;
	}


	
	
	
	
/* content
---------------------------------------------------------------------- */
div.container_top {
    clear:both;
	width: 850px;
	margin: 20px 50px;
	padding: 0;
	text-align:left;

	overflow:hidden;
	}
	
#container_top a:link {color:#cc3366; text-decoration:underline;}
#container_top a:visited {color:#cc3366; text-decoration:underline;}
#container_top a:active {color:#666666; text-decoration:none;}
#container_top a:hover {color:#666666; text-decoration:none;}	

div#container {
    clear:both;
	width: 850px;
	_width: 950px;	
	padding: 20px 50px 150px 50px;
	margin: 0;
	background: url(img/bg_ark.jpg) bottom left no-repeat;
	}
	
	
#container:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}	
	
	
/* content_top
---------------- */	
div.top_cont {
    clear: both;
	width: 850px;
	margin: 0;
	padding: 0 0 30px 0;	
	overflow:hidden;
	}
	
div.top_left {
	float: left;
	width: 630px;
	}
	
div.top_left2 {

	float: left;
	width: 630px;
	background: url(img/bgbtm_top.jpg) bottom no-repeat #eeeeee;
	padding:10px ;
	overflow:hidden;
	}
div.top_leftwrap {	
	width: 630px;
}


div#top_topi {
	float: left;
	background:#ffffff;
	padding-bottom:80px;
	width: 289px;
	padding:3px;
	border:1px solid #cccccc;
	}
	
div#top_news {
	float: right;
	background:#ffffff;
	padding-bottom:80px;
	width: 289px;
	padding:3px;
	border:1px solid #cccccc;
	}




div#top_topi a img{
	padding:5px;
}
	
div.top_right {
	float: right;
	width: 150px;
	text-align: left;
	padding-top:3px;
	margin:0px;
	}			
	
div.top_right2 {
	float: right;
width: 152px;
	text-align: left;
	padding:0;
	margin:0px;
	}		
	
	
.rleft {
	float: left; 
	width: 270px; 
	overfrow:hidden;
	} 
.rright {
	float: right; 
	width: 270px; 
	overfrow:hidden; 
	} 
	
	
/* top */	
	
.top_read {
	font-size: small;
	color: #666666;
	margin: 10px 0 20px 0;
	padding: 10px 10px 10px 10px;
	line-height: 150%;
	background: #eeeeee;	
	}
	
.whatsnews {
	padding: 10px 10px 10px 10px;
	font-size: 12px; 
	color:#666666;	
	line-height:120%;
	}
div.whatsnews   a:link {color:#330099;}
div.whatsnews   a:visited {color:#330099; text-decoration:none;}
div.whatsnews   a:active {color:#00cc99; text-decoration:none;}
div.whatsnews   a:hover {color:#003399; text-decoration:none;}	

	
.top_co {
	font-size: 11px;
	width: 150px;
	color:#666666;
	background:#fff;
	text-align: left;
	background: url(img/blog_bg.jpg) bottom  no-repeat;	
	}
	
.new {
	font-size: 11px;
	width: 102px;
	padding:2px;
	color:#666666;
	background:#fff;
	text-align: left;
	margin-top:5px;	
	border:1px dotted #ccc;
	}


#top_right p.blogtitle_box {
	font-size: 11px;
    font-weight:bold;
	width: 102px;
	padding:2px;
	color:#08D1A4;
	background:#fff;
	text-align: left;
	margin-top:5px;	
	border:1px dotted #ccc;
	}


#top_right p.blogtitle_box a:link {color:#08D1A4; text-decoration:underline;}
#top_right p.blogtitle_box a:visited {color:#08D1A4; text-decoration:underline;}
#top_right a:active {color:#666666; text-decoration:none;}
#top_right a:hover {color:#666666; text-decoration:none;}	

		
.maimg{
 padding:0px;
 }
 
 	
	
	
	
	
/* content_cont---------------- */	

div#left {
	top: 0;
	float: left;
	width: 200px;
	text-align:left;
	}	
	
div#right {
	top: 0;
	float: right;
	width: 580px;
	text-align:left;
	padding-bottom:40px;
	}

div#right1 {
	top: 0;
	width: 580px;
	text-align:left;
	overflow:hidden;
	margin-bottom:50px;
	}
div#right2 {
	width: 580px;
	text-align:left;
	overflow:hidden;
	}
div#right2 .name {
	font-size:0.9em;
	color:#333333;
	font-weight:bold;
	margin:20px 0 0 0;
	width: 580px;
	border-bottom:1px dotted #cccccc;
	
}

#right a:link {color:#cc3366; text-decoration:underline;}
#right a:visited {color:#cc3366; text-decoration:underline;}
#right a:active {color:#666666; text-decoration:none;}
#right a:hover {color:#666666; text-decoration:none;}	

/* content_text
---------------- */
		
/* title */

h1 {	
	font-size: midium;
	padding: 0;
	width: 580px;
	}

h2 {
	font-size: 1.2em; 
	font-face: Arial, Helvetica, sans-serif;
	background: url(img/hconh2r.jpg) center no-repeat;
	padding-top:20px;
	padding-right:0px;
	padding-left:10px;
	height:55px;
	width:570px;
	color: #333333;
	margin-bottom:17px;
}

h3 {
	font-size: small; 
	font-face: Arial, Helvetica, sans-serif;
	color: #666666;
}


h4 {
	font-size: small; 
	font-face: Arial, Helvetica, sans-serif;
	color: #666666;
}

.aboutaunkai {
	font-size: small;
	color: #999999;
	margin: 0;
	padding: 0;
	height: 150px;
	background: url(aunkai/img/h1.gif) no-repeat;
	width: 580px;
	}		
			
.kensin {
	font-size: small;
	color: #999999;
	margin: 0;
	padding: 0;
	height: 150px;
	background: url(kensin/img/h1.gif) no-repeat;
	width: 580px;
	}
	
.bujyututop {
	font-size:small;
	color: #999999;
	margin: 0;
	padding: 0;
	height: 150px;
	background: url(bujyutu/img/h1bujyututop.gif) no-repeat;
	width: 570px;
	}
.kiban {
	font-size:small;
	color: #ffffff;
	margin: 0;
	padding: 5px 0 0 20px;
	height: 150px;
	background: url(bujyutu/img/hkiban.gif) no-repeat;
	width: 580px;
	}
.sessyoku1 {
	font-size:small;
	color: #00cc99;
	margin: 0;
	padding: 5px 0 0 10px;
	height: 150px;
	background: url(bujyutu/img/h1sessyoku1.gif) no-repeat;
	width: 580px;
	}
.sessyoku2 {
	font-size:small;
	color: #ffffff;
	margin: 0;
	padding: 5px 0 0 20px;
	height: 150px;
	background: url(bujyutu/img/h1sessyoku2.gif) no-repeat;
	width: 580px;
	}

.nomal {
	font-size:small;
	color: #ffffff;
	margin: 0;
	padding: 18px 0 0 30px;
	height: 87px;
	background: url(img/h1nomal.gif) no-repeat;
	width: 580px;
	}


/* head */
	
	
.headleft {
	font-size: 8px;
	color: #999999;
	text-align: left;
	padding: 3px 0 0 0px;	
	}

.headleft_e {
	font-size: 8px;
	color: #999999;
	text-align: left;
	padding: 3px 0 0 0px;	
	}
	
.headright {
	font-size: 10px;
	padding: 3px 0px 0 0px;
	text-align: right;
	color: #999999;
	}
.headright a{
	padding: 0px 10px;
	color: #333333;
	}

 	
/* cont */	


.cont_read {
	font-size: small;
	color: #666666;
	margin: 0;
	padding: 0px 0px 20px 0px;
	line-height: 170%;
	}

	
.cont_textm {
	font-size: midium;
	color: #666666;
	margin: 0px 20px 0px 20px;
	padding: 0;
	line-height: 170%;
	}
		
		
.cont_texts {
	font-size: small;
	color: #666666;
	margin: 0;
	padding: 20px 0px 20px 20p;
	line-height: 170%;
	}
	
.cont_texts1l {
	font-size: small;
	color: #666666;
	margin: 0 0 1em 0;
	padding: 20px 0px 20px 20p;
	line-height: 170%;
	}

.cont_texts2l {
	font-size: small;
	color: #666666;
	margin: 0 0 2em 0;
	padding: 20px 0px 20px 20p;
	line-height: 170%;
	}	
	

.cont_texts3l {
	font-size: small;
	color: #666666;
	margin: 0 0 3em 0;
	padding: 20px 0px 20px 20p;
	line-height: 170%;
	}

.cont_textxs {
	font-size: x-small;
	color: #666666;
	margin: 0px 0px 0px 20px;
	padding: 0;
	line-height: 150%;
	}

.cont_solids {
	font-size: small;
	border: 1px solid #cccccc;
	color: #333333;
	margin: 0;
	padding: 5px;
	line-height: 150%;
	}	
	
.cont_solids2 {
	font-size: small;
	border: 1px solid #999999;
	color: #666666;
	margin: 0px 0px 0px 20px;
	padding: 15px;
	line-height: 150%;
	}
.cont_solidxs {
	font-size: x-small;
	border: 1px solid #eeeeee;
	color: #666666;
	margin: 0px 0px 0px 20px;
	padding: 15px;
	line-height: 150%;
	}	

.point {
	font-size: small;
	color: #666666;
       margin-left:-5px; 
       padding-bottom:3px;
}




/* form---------------- */
	
	
.dt {	
	display: block;
	float: left;
	clear: left;
	width: 150px;
	margin: 1px;
	padding: 0 10px 0 10px;
	border: 0;
	font-size: x-small;
	font-weight: nomal;
	text-algin: right;
	background: #cccccc;
	}

.dd {
	margin: 5px;
	padding: 0 10px 0 10px;
	font-size: x-small;
	font-weight: nomal;
	}



/* table link ------ */


table#link {
	border: none;
	border-collapse: collapse;
	margin: 0;
	width: 580px;
	}

#link a:link {color:#333333;}
#link a:visited {color:#333333;}
#link a:hover {color:#ff6699; text-decoration:none;}	
		
	
table#link th {
	padding: 5px 5px 5px 0;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: none;	 
	border-right: none;
	empty-cells:show;
	color: #cccccc;
	}
	
table#link td {
	padding: 0.3em 1em;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: none;	 
	border-right: none;
	empty-cells:show;	 
	background: #eeeeee;
	width: 355px;
	font-size: small;
	font-weight: nomal;
	color: #666666;
	}	

thead {
	color: #666666;
	}



/* table kyoan ------ */

table#kyoan {
	border: none;
	border-collapse: collapse;
	margin: 0;
	width: 580px;
	}	
	
#kyoan a:link {color:#cc3366; text-decoration:underline;}
#kyoan a:visited {color:#cc3366; text-decoration:underline;}
#kyoan a:active {color:#666666; text-decoration:none;}
#kyoan a:hover {color:#666666; text-decoration:none;}	
	
table#kyoan th {
	padding: 15px 5px 15px 5px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: none;	 
	border-right: none;
	empty-cells:show;
	font-size: small;
	color: #333333;
	background: url(img/th_bg.jpg) bottom center no-repeat #eeeeee;
	}
	
table#kyoan td {
	padding: 15px 10px 15px 10px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: none;	 
	border-right: none;
	empty-cells:show;	 
	width: 400px;
	font-size: small;
	color: #555555;
	font-weight: nomal;
	}	

.thead {
	color: #555555;
	}



/* table kyoan ------ */

table#other {
	border: none;
	border-collapse: collapse;
	margin: 0;
	width: 580px;
	}	
	
#other a:link {color:#cc3366; text-decoration:underline;}
#other a:visited {color:#cc3366; text-decoration:underline;}
#other a:active {color:#666666; text-decoration:none;}
#other a:hover {color:#666666; text-decoration:none;}	
	
table#other th {
	padding: 15px 5px 15px 5px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: none;	 
	border-right: none;
	empty-cells:show;
	font-size: small;
	color: #666666;
	text-align: left;
	}
	
table#other td {
	padding: 15px 10px 15px 10px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: none;	 
	border-right: none;
	empty-cells:show;	 
	width: 400px;
	font-size: small;
	color: #777777;
	font-weight: nomal;
	text-align: left;
		}	

.thead {
	color: #666666;
	}

.kakomi{
width:550px;
padding:14px;
border:1px solid #ccc;
	color: #666666;
	margin-bottom:20px;
}


/* ---------------------------------------------------------------------- 
content*/

	
		
/* foot
---------------------------------------------------------------------- */
div#foot_t {
    clear:both;
	width: 950px;
	padding-top:10px;
	height: 80px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	line-height: 170%;
	text-align:center;
	color: #333333;
	background: #999999;background: url(img/fotter_bg.jpg) top left no-repeat;
	}



/* media
---------------------------------------------------------------------- */
#right div.media {
	color: #999999;
	margin-bottom: 20px;
	padding: 0;
background: url(aunkai/img/media.gif) top left no-repeat;	
	width: 580px;
	}
#right div.media h3{
	color: #333333;
	font-size:small;
	margin: 0;
	padding: 5px 10px;
	width: 560px;
	}
#right div.media p{
	color: #333333;
	font-size:small;
	margin: 0;
	padding: 10px 0px 10px 10px;
	width: 570px;
	}
#right div.media p.img{
   float:right;
	padding: 10px;
	}




/* kiroku
---------------------------------------------------------------------- */
#right div.kiroku {
	color: #999999;
	margin-bottom: 20px;
	padding: 0;
	background: url(aunkai/img/media.gif) top left no-repeat;
	width: 580px;
	}
	
#right div.kiroku_black {
	color: #ffffff;
	padding: 0;
	margin:0;
	background-color: #000000;
	width: 564px;
	overflow: hidden;
	}
	
#right div.kiroku h3{
	color: #333333;
	font-size:small;
	margin: 0;
	padding: 5px 10px;
	width: 560px;
	}
#right div.kiroku p{
	color: #333333;
	font-size:small;
	margin: 0;
	padding: 10px 0px 10px 10px;
	width: 570px;
	line-height:170%;
	}
#right div.kiroku p.img{
   float:right;
	padding: 10px;
	}
.kiroku_texts {
	color: #333333;
	font-size:small;
	margin: 0;
	padding: 20px 0px 20px 10px;
	line-height:170%;
	}
.txtar {
   text-align:right;
	font-size:small;
	margin: 0;
	padding: 10px 20px ;
	line-height:150%;
	}	
	
.kiroku_texts_p0px {
	color: #333333;
	font-size:small;
	margin: 0;
	padding: 20px 0px 20px 0px;
	line-height:170%;
	}	
#right div.bangaipic {
	color: #999999;
	margin: 0;
	padding: 0;
	background: url(kiroku/img/bangai_back.gif) top left;
	width: 570px;
	}
/* kiroku 081003用リード---------------------- */	
.ba08103read {
	color: #000000;
	margin: 0;
	padding: 10px ;
	background: url(kiroku/0810/0810_3_top.jpg) top left;
	width: 544px;
	height: 148px;
   text-align:right;
	font-size:small;
	line-height:130%;
	}
/* kiroku 081003用ボトム---------------------- */	
.ba08103bottom {
	margin: 0;
	padding-top: 300px ;
	background: url(kiroku/0810/0810_3_bottom.jpg) top left ;
	width: 564px;
	}	
/* kiroku 081003用レフトイメージあり---------------------- */	
.ba08103left {
	margin: 0;
	padding-bottom: 50px ;
	padding-left: 80px ;
	background: url(kiroku/0810/0810_3_backleft.jpg) bottom left ;
	background-repeat: no-repeat;
	width: 484px;
	font-size:small;
	line-height:130%;
	background-color: #000000;
	color:#ffffff;
	overflow: hidden;
	}	

/* shop -------------------------------------------- */
.summary {
	width:450px;
	float:right;
	border:1px solid #ccc;
	padding:10px;
	}
	
.summary h4 {
	padding:0px;
	margin:0px;
	line-height:120%;
	}
.summary p {
	line-height:150%;
	font-size:small;
	}
.summary form {
	float:right;
	}

/* marginpadding
---------------------------------------------------------------------- */	
.m0px {
	margin:0px;
}
.mb10px {
	margin-bottom:10px;
}
.mb20px {
	margin-bottom:20px;
}
.mt10px {
	margin-top:10px;
}
.mt20px {
	margin-top:20px;
}
.p0px {
	padding:0px;
}
.pb10px {
	padding-bottom:10px;
}
.pb20px {
	padding-bottom:20px;
}
.pb35px {
	padding-bottom:35px;
}
.pb50px {
	padding-bottom:50px;
}
.pb80px {
	padding-bottom:80px;
}
.pt10px {
	padding-top:10px;
}
.pt20px {
	padding-top:20px;
}
.pt35px {
	padding-top:35px;
}

.clear{
	clear:both;
}
.pt50px {
	padding-top:50px;
}