@charset "Shift_JIS";

/*  -------------------------- base_css */

* {
	margin: 0px;
	padding: 0px;
	}
	
body {
	font: 0.9em ;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "Lucida Grande", verdana, arial, sans-serif;
	color: #000;
	line-height: 1.5;
	text-align: center;
	background: #f8f0d8;
	}

#home body {
	font: 0.6em ;
	}

html {
	overflow-y: scroll;
	}
	
h1,h2,h3,h4,h5,h6,p {
	margin: 0 0 5px;
	}

img {
 	border: 0;
	}


/* ------------------------- layout_css */

#container {
	background: #fff;
	width: 90%;
	max-width: 1200px;
	min-width: 737px;
	margin: 20px auto;
	text-align: left;
	border: 1px solid #666;
	padding: 0px;
	}
	
#home #container {
	width: 80%;
	max-width: 737px;
	min-width: 493px;
	margin: 45px auto;
	}

#header {
	margin: 0px;
	padding: 0px;
	}

#header .inner {
	padding: 0px;
	}

#pankuzu {
	clear: both;
	margin: 0px;
	padding: 0px;
	}

#pankuzu .inner {
	padding: 10px;
	}

#contents {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	background: url("../atel/haikei.gif") ;
	}
	
#main {
	float: left;
	width: 100%;
	}

#main .inner {
	margin-right: 400px;
	padding: 10px 15px;
	}

#sub {
	margin-left: -400px;
	float: left;
	width: 200px;
	}
	
#sub .inner {
	padding: 5px;
	}

#ex {
	margin-left: -200px;
	float: left;
	width: 200px;	
	}

#ex .inner {
	padding: 5px;
	}
		
#footer {
	clear: both;
	width: 100%;
	margin: 0px;
	}

#footer .inner {
	margin: 5px;
	padding: 10px;
	color: #fff;	
	background: #ccc;
	}
	
#home #footer .inner {
	margin: 5px;
	padding: 10px;
	color: #666;	
	background: #fff;
	}


/* ------------------------- guest layout_css �·•ª */

#guest #container {	
	min-width: 859px;
		}

#guest #main .inner {
	margin-right: 500px;
	padding: 10px 15px;
	}

#guest #sub {
	margin-left: -500px;
	float: left;
	width: 300px;
	}


/* ------------------------- contents popular design */

h1 {font-size: 1.0em ;}
h2 {font-size: 1.0em ;}
h3 {font-size: 0.8em ;}
h4 {font-size: 0.7em ;}

em {font-size: 0.8em ;}

#main ol li {
	font-size: 0.8em ;
	}

#sub ul li {
	font-size: 0.7em ;
	}

#ex ul li {
	font-size: 0.7em ;
	}

#sub p.co {
	font-size: 0.7em ;
	margin: 0 5px;
	width: 170px;
	}
a:link, a:visited {
	text-decoration: none;
	padding: 1px ;
	color: #600;
	}

a:hover {
	border-bottom: 1px dotted #c30;
	color: #c30;
	}

blockquote {
	margin: 0;
	padding: 0;
	color: #555;
	}

blockquote p {
	font: italic Georgia, Times, serif;
	margin: 1.5em 3em ;
	padding: 0;
	}


/* ------------------------- header design */




#header .inner #nav_cb p {
	margin: 0px;
	padding: 0px;
	}

#header .inner #nav_cb img {
	float: left;
	margin: 5px 0px 0px 5px ;
	}


/* cube‚Ì�㉺‚̃YƒŒ‚ð—}‚¦‚é  */
#header .inner #nav_cb a{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}


/* ------------------------- pankuzu design */
#pankuzu .inner ol.list {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	}

#pankuzu .inner ol.list {
	margin: 0;
	padding: 6px 8px;
	}

#pankuzu .inner ol.list li {
	display: inline;
	margin-right: 5px;
	color: #600;
	font-weight: bold;
	}

#pankuzu .inner ol.list li.level2:before,
#pankuzu .inner ol.list li.level3:before,
#pankuzu .inner ol.list li.level4:before,
#pankuzu .inner ol.list li.level5:before {
	content: "> ";
	}


/* ------------------------- main design */
#main .inner p {
	font-size: 0.8em;
	}

#main .inner img {
	float: left;
	margin: 0px 20px 20px 0px ;
	}

/* cube‚Ì�㉺‚̃YƒŒ‚ð—}‚¦‚é  */
#main .inner a{
	margin: 0px;
	padding: 0px;
	}

/* ------------------------- studio design */


/* ------------------------- album track list design */
.studio h4 {
	padding: 6px 8px 2px 4px;
	border-left: 15px  solid #cc6;
	border-right: 1px  solid #ffc;
		
	background-color: #E8E9CD;
	color: #333;
	font-size: 0.9em ;

	}

.track {
	clear: both;
	margin-bottom: 1em;
}

.track ol {
	margin-left: 30px;
	padding: 0px 8px 0px 0.5em;
	
}

.track ol li {	
	margin: 0;
	padding: 0px ;
}

.word_of_4 {
	clear: both;
	padding: 10px ;
	color: #300;
	}

/* ------------------------- tatami design */

#tatami #container {	
	min-width: 911px;
		}

#tatami h1 {
	font-size: 1px;
	color: #fff;
	}

#taikyoku_data ul {
	margin-bottom: 40px;
	list-style: none;
	}

#taikyoku_data li {
	width: auto;
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
	}


/* ------------------------- library design */
#library h1 {
	font-size: 1px;
	color: #fff;
	}

#harukisidein ul {
	margin-bottom: 40px;
	list-style: none;
	}

#harukisidein li {
	width: auto;
	height: 60px;
	margin-bottom: 1em;
	padding-left: 70px;
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	}

#harukisidein li em {
	color: #330000;
	}

#harukisidein li p {
	margin-bottom: 0;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.1em;
	color: #999999;
	}

#harukisidein li.side_a {
	background-image: url("../atel/lm_haruki_a.jpg");
	background-repeat: no-repeat;
	}
#harukisidein li.side_b {
	background-image: url("../atel/lm_haruki_b.jpg");
	background-repeat: no-repeat;
	}
#harukisidein li.side_c {
	background-image: url("../atel/lm_haruki_c.jpg");
	background-repeat: no-repeat;
	}
#harukisidein li.side_d {
	background-image: url("../atel/lm_haruki_d.jpg");
	background-repeat: no-repeat;
	}

#library #main p.side_a {
	font-size: 0.9em;
	color: #333333;
	}


/* ------------------------- nav (mess list_menu) design */
#nav h4 {
	padding: 4px 2px 1px 4px;
	border-left: 15px  solid #c60;
	border-right: 1px  solid #fc3;	
	background-color: #ffa800;
	color: #fff;
	width: 160px;
	}

#nav {
	margin-bottom: 1em;
}

#nav ul {
	margin: 0;
	padding: 0px 8px 0px 0.5em;
	list-style: none;
}

#nav ul li {	
	margin: 0;
	padding: 2px 0 2px 36px;
}

li#mess{	background: url("../atel/1232_mess.gif") no-repeat 1px .35em;}
li#terr{	background: url("../atel/1232_terr.gif") no-repeat 1px .35em;}
li#libr{	background: url("../atel/1232_libr.gif") no-repeat 1px .35em;}
li#stud{	background: url("../atel/1232_stud.gif") no-repeat 1px .35em;}
li#cour{	background: url("../atel/1232_cour.gif") no-repeat 1px .35em;}
li#labo{	background: url("../atel/1232_labo.gif") no-repeat 1px .35em;}
li#wasi{	background: url("../atel/1232_wasi.gif") no-repeat 1px .35em;}
li#clos{	background: url("../atel/1232_clos.gif") no-repeat 1px .35em;}


/* ------------------------- haruki SIDE_A design */
#haruki_a_list h4 {
	padding: 4px 2px 1px 4px;
	border-left: 15px  solid #c30;
	border-right: 1px  solid #f93;	
	background-color: #EE7B3C;
	color: #fff;
	width: 160px;
	}

#haruki_a_list {
	margin-bottom: 1em;
}

#haruki_a_list ul {
	margin: 0;
	padding: 0px 8px 0px 0.5em;
	list-style: none;
	}
#haruki_a_list ul li {
	margin: 0;
	padding: 2px 0 2px 20px;
	}

#haruki_a_list ul li {
	background: url("../atel/icn_orebox.gif") no-repeat 1px .35em;
	}

/* ------------------------- studio side design */
#studio h4 {
	padding: 4px 2px 1px 4px;
	border-left: 15px  solid #cc6;
	border-right: 1px  solid #fc3;	
	background-color: #D0D67F;
	color: #fff;
	width: 160px;
	}

#studio {
	margin-bottom: 1em;
}

#studio ul {
	margin: 0;
	padding: 0px 8px 0px 0.5em;
	list-style: none;
	}
#studio ul li {
	margin: 0;
	padding: 2px 0 2px 20px;
	}

#studio ul li {
	background: url("../atel/icn_apple.gif") no-repeat 1px .35em;
	}

/* ------------------------- site-list design */
.site_list h4 {
	padding: 4px 2px 1px 4px;
	border-left: 15px  solid #666;
	border-right: 1px  solid #bbb;	
	background-color: #999;
	background: url("../atel/back_cp.gif") repeat-y;
	color: #fff;
	width: 160px;
	}

.site_list {
	margin-bottom: 1em;
}

.site_list ul {
	margin: 0;
	padding: 0px 8px 0px 0.5em;
	list-style: none;
	}

.site_list ul li {
	line-height: 2em;
	}

.site_list ul li a{
	margin: 0;
	padding: 6px 0 2px 20px;

	background: url("../atel/lm_site.gif") no-repeat 1px .25em;
	}

.site_list ul li a:hover, .site_list ul li a:active { 
	background: url("../atel/lm_site_on.gif") no-repeat 1px .25em;
	}



/* ------------------------- color_palette design */
#color_pal h4 {
	padding: 4px 2px 1px 4px;
	border-left: 15px  solid #666;
	border-right: 1px  solid #bbb;	
	background-color: #999;
	background: url("../atel/back_cp.gif") repeat-y;
	color: #fff;
	width: 160px;
	}

#color_pal {
	margin-bottom: 1em;
}

#color_pal ul {
	margin: 0;
	padding: 0px 8px 0px 0.5em;
	list-style: none;
	}
#color_pal ul li {
	margin: 0;
	padding: 2px 0 2px 20px;
	}

#color_pal ul li {
	background: url("../atel/icn_cp.gif") no-repeat 1px .35em;
	}


/* ------------------------- css_portal design */
#css_portal h4 {
	padding: 4px 2px 1px 4px;
	border-left: 15px  solid #666;
	border-right: 1px  solid #bbb;	
	background-color: #999;
	background: url("../atel/back_cp.gif") repeat-y;
	color: #fff;
	width: 160px;
	}

#css_portal {
	margin-bottom: 1em;
}

#css_portal ul {
	margin: 0;
	padding: 0px 8px ;
	list-style: none;
	}
#css_portal ul li {
	margin: 0;
	padding: 0 2px;
	}



/* ------------------------- haruki_bunko design */
.raq {
	font-size: 1em;
	color: #933;
	}

.haruki_bunko h4 {
	padding: 4px 2px 1px 4px;
	border-left: 15px  solid #933;
	border-right: 1px  solid #f93;	
	background-color: #c66;
	color: #fff;
	width: 160px;
	}

.haruki_bunko {
	margin-bottom: 1em;
}

.haruki_bunko ul {
	margin: 0px;
	padding: 0px 8px 0px 0.5em;
	list-style: none;
	}

.haruki_bunko ul li {
	margin: 0;
	padding: 2px 0 2px 0px;
	}


/* ------------------------- snap design */

.w43ca p {
	padding: 6px 11px 8px 8px;
	border-right: 1px  solid #ccc;
	border-left: 1px  solid #ccc;
	background-color: #ccc;
	color: #333;
	font-size: 0.7em ;
	width: 160px;
	}

.w43ca img {
	border: 1px solid #fff;
	}



/* ------------------------- footer design */
#footer .inner p {
	font-size: 0.7em;
	}

.end {
	font-size: 11pt;
	text-align: right;
	padding-right: 8px;
	}


/* ------------------------- guestbook design */


#guest #contents {
	background-image: url("../atel/guest_back.jpg") ;
	}

form {
	margin:1px;
	padding:15px;
	border: 1px dotted #cc6633;
	/*background-color: #E4BC62; */

	}

.posted {
	margin:20px 5px;
	padding: 0;
	border: 1px dotted #cc6633;
	}

.ic_00 {background-color: #dbd6d6;}
.ic_01 {background-color: #F7DAA1;}
.ic_02 {background-color: #eeeef9;}
.ic_03 {background-color: #e3c9c9;}
.ic_04 {background-color: #F1C8C4;}
.ic_05 {background-color: #ECD1AE;}
.ic_06 {background-color: #E3E3BC;}
.ic_07 {background-color: #ffe4c4;}
.ic_08 {background-color: #fffacd;}
.ic_09 {background-color: #F3BDAB;}
.ic_10 {background-color: #ffdab9;}
.ic_11 {background-color: #f8f0d8;}

.pst_inner {
	margin: 0;
	padding:10px 25px ;
	}

.no {
	font-size: 0.8em;
	font-weight:bold;
	color: #333;
	margin: 0px 4px ;
	float: left;
	}

.author {
	font-size: 0.9em;
	font-weight:bold;
	color: #300;
	margin: 0px 4px ;
	float: left;	
	}

.url {
	margin: 0px 20px ;
	float: left;	
	}

.time {
	font-size: 0.7em;
	color: #333;
	margin: 0px 0px ;
		
	}

 p.msg{
	clear: both;
	font-size:0.9em;
	color: #300;
	}

textarea {
	width:250px;
	height:80px;
	border: 1px dotted #cc6633;
	margin:0px 0px 0px 0px;
	background-color: #f8f0d8;
	}

select {
	background-color: #f8f0d8;
	border: 1px dotted #cc6633;
	height:16px;
	font-size:10px;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0px 0px 6px 0px;
	}

label {
	font-size: 0.8em;
	font-weight:bold;
	color: #cc6633;
	}
	
input.check {
	background-color: #f8f0d8;
	margin:0px 0px 5px 35px;
	}

input.f0, input.f1 {
	background-color: #f8f0d8;
	border: 1px dotted #cc6633;
	border: 5px 0px 5px 0px;
	height:18px;
	font-size:12px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠÛƒS Pro W4", Osaka, sans-serif;
	margin:0px 0px 6px 0px;
	}

input.f0 {
	width:200px;
	}

input.f1 {
	width:60px;
	margin:0px 20px 0px 5px;
	}

.hr1 {
	background-color:#cc6633;
	color:#900;
	height:10px;
	border-style:solid;
	border-width:0;
	margin:10px 0px ;
	}

.hr2 {
	background-color:#cc6633;
	height:1px;
	border-style:dotted;
	border-width:0;
	}

.pages {
	margin:0px 5px;
	font-size:10px;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #330000;
	}

.button1 {
	border-width:2px;
	border-color:#cc6633;
	border-style:solid;
	background-color:#f8f0d8;
	width:60px;
	padding:1px;
	color:#cc6633;
	font-size:10px;
	font-weight:bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin:0px 10px 5px 0px;
	}

td {
	padding:0px;
	font-size:10px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠÛƒS Pro W4", Osaka, sans-serif 
	color:#cc6633;
	vertical-align:top;
}

td {
	padding: 0px;
	font-size: 12px;
	font-family:   "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠÛƒS Pro W4", Osaka, sans-serif ;
	color: #cc6633;
	}

td.label {
	width: 60px;
	padding: 0px;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #cc6633;
	vertical-align: top;
	text-align: right;
	}