@charset "Shift_JIS";

@charset "shift_jis";

/* --- リセット --- */
body, div, pre, p, div, blockquote, hr,
form, fieldset, input, textarea, select, option,
dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6,
table, th, 
embed, object {
	margin : 0 ;
	padding : 0 ;
	vertical-align : baseline ;
}

/* firefox スクロールバー対応 */
html { overflow-y : scroll ; }


/* --- ページ基本 --- */
body {/*body基本*/
	margin: auto;
	padding: 0;
	line-height: 1.5;
	font-size: small;
	background-attachment: scroll;
	background : url(../img/renew/bk03.jpg) top center repeat-y ;
	}

/* サファリのみ フォント指定 */
html:\66irst-child body { font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif ; }


/* --- 見出し --- */
h1, h2, h3, h4, h5, h6 {
	font-style : normal ;
	font-weight : normal ;
	font-size : 1.2em ; /* 12px */
}

/* リスト */
ol,ul {
	list-style : none ;
	font-size : 1.2em ; /* 12px */
}
dl { font-size : 1.2em ; } /* 12px */
li,li { font-size : inherit ; } /* 入れ子フォントサイズ */


/* アドレス・強調 */
address,em { font-style : normal ; }

/* 区切り */
hr {
	border : none ;
	height : 1px ;
}

/* リンク関連 */
a { }
a:link { color:#CCCCCC;}
a:visited { color:#CCCCCC;}
a:hover { color:#9F7D5A}
a:active {}
a:focus {}

/* 共通クラス */
.bold { font-weight : bold ; }
.italic { font-style : italic ; }

.left { text-align:left;}
.center { text-align:center;}
.right { text-align:right;}
 
/* End:共通クラス */


/*---- clearfix
 (floatによるboxの浮き上がり解除) ----*/
.clearfix:after {
	content : "." ;
	display : block ;
	height : 0 ;
	clear : both ;
	visibility : hidden ;
}
.clearfix { display : inline-block ; }
/* Hides from IE-Mac \*/
*html .clearfix { height : 1% ; }
.clearfix { display : block ; }
/* End hide from IE-mac */
/*--- End:clearfix ----------------------------------*/



/* 全体構造
---------------------------------------------------- */


#container {/*containerブロック制御*/
	width: 900px;
	margin: 0 auto;
	border-collapse: collapse;
	padding: 0px;
	background-color: #FFFFFF; 	
	}
	
/*
#main-container{
	width:900px;
	height:174px;
    margin:0 auto;
    padding:0;
	background-position: top center;
	background-image: url(../img/renew/bk01.jpg);
}
*/
	
	
/* リンク
---------------------------------------------------- */	
	a:link {color: #333333;}
	a:visited {color: #666666;}
	a:hover {color: #CCCCCC;}


/* ヘッダ
---------------------------------------------------- */

#header{
	margin:0 ;
	padding:0 ;
	height:174px;
	background : url(http://arc-oasis.com/img/renew/bk01.jpg) top center no-repeat ;	
}

.cap{
	width: 730px;
	margin:0px;
	padding:0px;
	color:#000000;
	font-size:x-small;
	position: center;
}

/*タイトル*/
#title{
	display:block;
	width:295px;
	padding:0px;
}


/*タイトル隠し*/
h1{
	text-indent:-9999px;
	margin:0;
	padding:0;
}

h1 a{
	display:block;
	width:350px;
}


/*ヘッダーメインメニュー
---------------------------------------------------- */
#menu{
margin:115px 0 0 0;
padding:0;
text-align:center;
width:900px;
background:#DCCFC6;
}

#menu ul{
width:900px;
padding:0px;
}

#menu li{
float:left;
width:225px;
height:38px;
padding:0px;
}

#menu li#niigata{width:225px;}

#menu li a{
display:block;
text-indent:-9999px;
width:100%;
height:100%;
overflow:hidden;
background:url(../img/renew/gmenu.gif) left top no-repeat;
}


/*080624以前のナビゲーション*/
/*
#menu li#niigata a{background:url(../img/renew/menu/niigata.gif) bottom left no-repeat; width:224px; height:37px;}
#menu li#niigata a:hover{background:url(../img/renew/menu/niigata_1.gif) bottom left no-repeat; width:224px; height:37px;}

#menu li#himeji a{background:url(../img/renew/menu/himeji.gif) bottom left no-repeat; width:225px; height:37px;}
#menu li#himeji a:hover{background:url(../img/renew/menu/himeji_1.gif) bottom left no-repeat; width:225px; height:37px;}

#menu li#kyoto a{background:url(../img/renew/menu/kyoto.gif) bottom left no-repeat; width:225px; height:37px;}
#menu li#kyoto a:hover{background:url(../img/renew/menu/kyoto_1.gif) bottom left no-repeat; width:225px; height:37px;}

#menu li#sendai a{background:url(../img/renew/menu/sendai.gif) bottom left no-repeat; width:225px; height:37px;}
#menu li#sendai a:hover{background:url(../img/renew/menu/sendai_1.gif) bottom left no-repeat; width:225px; height:37px;}
*/

#menu li#niigata a {background-position:left top ;}
#menu li#niigata a:hover{background-position :left bottom; }

#menu li#himeji a{background-position:-225px top;}
#menu li#himeji a:hover{background-position:-225px bottom;}

#menu li#kyoto a{background-position:-450px top;}
#menu li#kyoto a:hover{background-position:-450px bottom;}

#menu li#sendai a{background-position:-675px top;}
#menu li#sendai a:hover{background-position:-675px bottom;}

	
/* メイン
---------------------------------------------------- */	
#main{
	padding :230px 0px 0px 0px;
	margin: 0px;
	width: 900px;
	font-size: x-small;
	background : url(../img/renew/bk02.jpg) top center no-repeat;
	}

/*リスト表示 _によりWIN IE 別設定値補正*/
.comment{
	color : #333333;
	font-size:10px;	
	line-height: 1.2em;
	}
	
/*Mac用記述*/
*html .search-con {height: 1%;}
.search-con {display: block;}		
/*Mac用記述-end*/

/* 上ブロック　コンテンツ1
---------------------------------------------------- */	
#main .contents01 { width : 880px ; margin : 0 auto ; }
*html #main .contents01 { width : 890px ; margin : 0 auto ; }
#main .contents01 .news { 
    float : left ;
	width:467px;
	height:187px;
	margin:0px 15px 5px 7px;
	padding:5px;	
	background:url(../img/renew/news.gif) top center no-repeat; 
}

#scrollsell {
	overflow: auto;
	width: 437px;
	height: 128px;
	margin:42px 0px 0px 11px;
	padding:3px;
	background : #ffffff ;
}	
	
#main .contents01 img { 
	margin : 11px auto 0 auto ; 
}
	
/* 最新情報中身 */
#scrollsell p.title {
	margin:5px 0px 0px 5px;
	padding:0px 3px 3px 15px;	
	background-color:#ffffff;
	font-size:12px;
	font-weight:bold;
	background:url(../img/renew/icon.gif) top left no-repeat;
	line-height:1.2;
	text-align:left;
}

#scrollsell p {
	width: 390px;
	margin:0px 5px 5px 5px;
	padding:0px 3px 3px 15px;	
	font-size:12px;
	background-color:#ffffff;
	border-bottom: 1px dotted #CCCCCC;
	line-height:1.5;
	text-align:left;
}

#scrollsell span {
	width: 400px;
	margin:0px;
	padding-left : 360px ; 	
	font-size:10px;
	font-weight:bold;
}
/* //最新情報中身 */


#main #contents_box { width: 880px; clear : both ; }
*html #main #contents_box { width: 890px; clear : both ; }


/*************************************************
            　　カルチャースクール
*************************************************/
#main .contents01 .c_school {
    float:left;
	width:360px;
	height:81px;
	margin:10px 0 0 0;
	background:url(../img/renew/bana/school.jpg) top center no-repeat;
}

#main .contents01 .c_school ul {
width:330px;
padding:55px 0 0 15px;
}

#main .contents01 .c_school li {
float:left;
width:82px;
height:30px;
padding:0px;
}

#main .contents01 .c_school li#niigata{width:82px;}

#main .contents01 .c_school li a{
display:block;
text-indent:-9999px;
width:100%;
overflow:hidden;
background:url(../img/renew/c_school.gif) left top no-repeat;
}


#main .contents01 .c_school li#niigata a {background-position:left top ;}
#main .contents01 .c_school li#niigata a:hover{background-position :left bottom; }
*html #main .contents01 .c_school li#niigata a:hover{background-position :left top; }

#main .contents01 .c_school li#himeji a{background-position:-82px top;}
#main .contents01 .c_school li#himeji a:hover{background-position:-82px bottom;}
*html #main .contents01 .c_school li#himeji a:hover{background-position:-82px top;}

#main .contents01 .c_school li#kyoto a{background-position:-164px top;}
#main .contents01 .c_school li#kyoto a:hover{background-position:-164px bottom;}
*html #main .contents01 .c_school li#kyoto a:hover{background-position:-164px top;}

#main .contents01 .c_school li#sendai a{background-position:-246px top;}
#main .contents01 .c_school li#sendai a:hover{background-position:-246px bottom;}
*html #main .contents01 .c_school li#sendai a:hover{background-position:-246px top;}

/* コンテンツ2
---------------------------------------------------- */	
#main .contents02 { width : 480px ; margin-left : 25px ; }

/* 地図 */
/*
#main .contents02 .map {
	width:462px;
	height:96px;
	margin-bottom : 10px ;
	background:url(../img/renew/map_bk.gif) top center no-repeat;
}

#main .contents02 .map ul {
	margin : 0 0 0 20px;
	padding : 55px 0 0 5px ;
}

#main .contents02 .map li {
	float:left;
	list-style-type:none;
	padding:0 20px 0px 0px;
}

#main .contents02 .map li a {
	display:block;
	text-indent:-9999px;
}

.map li#niigata a{background:url(../img/renew/m_niigata.gif) bottom left no-repeat; width:53px; height:30px;}

.map li#himeji a{background:url(../img/renew/m_himeji.gif) bottom left no-repeat; width:53px; height:31px;}

.map li#kyoto a{background:url(../img/renew/m_kyoto.gif) bottom left no-repeat; width:82px; height:31px;}

.map li#sendai a{background:url(../img/renew/m_sendai.gif) bottom left no-repeat; width:73px; height:27px;}

.map li#natori a{background:url(../img/renew/m_natori.gif) bottom left no-repeat; width:73px; height:31px;}
*/

#main .contents02 p.maptext {
    position:absolute;
	top : 615px ;
	left : 340px ; 
	width : 300px ;
	font-size : 12px ;
}

#main .contents02 .map {
	width:462px;
	height:96px;
	margin-bottom : 10px ;
	background:url(../img/renew/map_bk.gif) top center no-repeat;
}

#main .contents02 .map ul {
width:393px;
padding:55px 0 0 15px;
}

#main .contents02 .map li {
float:left;
width:98px;
height:32px;
padding:0px;
}

#main .contents02 .map li#niigata{width:98px;}

#main .contents02 .map li a{
display:block;
text-indent:-9999px;
width:100%;
height:100%;
overflow:hidden;
background:url(../img/renew/map_all.gif) left top no-repeat;
}


#main .contents02 .map li#niigata a {background-position:left top ;}
#main .contents02 .map li#niigata a:hover{background-position :left bottom; }
*html #main .contents02 .map li#niigata a:hover{background-position :left top; }

#main .contents02 .map li#himeji a{background-position:-98px top;}
#main .contents02 .map li#himeji a:hover{background-position:-98px bottom;}
*html #main .contents02 .map li#himeji a:hover{background-position:-98px top;}

#main .contents02 .map li#kyoto a{background-position:-196px top;}
#main .contents02 .map li#kyoto a:hover{background-position:-196px bottom;}
*html #main .contents02 .map li#kyoto a:hover{background-position:-196px top;}

#main .contents02 .map li#sendai a{background-position:-294px top;}
#main .contents02 .map li#sendai a:hover{background-position:-294px bottom;}
*html #main .contents02 .map li#sendai a:hover{background-position:-294px top;}




/* 会社概要 */
#main .contents02 .company {
	width:305px;
	height:110px;
	margin: 0 ;
	padding-top : 20px ;
	background:url(../img/renew/company.gif) top center no-repeat;
}

#main .contents02 .company p {
    float : left ;
	width : 180px ;
	padding : 25px 0 0 10px ;
	line-height : 1.5 ;
}

#main .contents02 .company img {
    float : right ;
    width : 104px ;
	padding-right : 10px ;
}

/* リンクバナー */
#main .contents02 .bana {
    float : right ;
    width : 135px ;
	margin /**/: 13px 20px 0 0 ;
	padding : 6px ;
	background : #FAF1F1 ;
	border : 1px dotted #481C1C ;
}

*html #main .contents02 .bana {
    float : right ;
    width : 135px ;
	margin : 13px 10px 0 0 ;
	padding : 5px ;
	background : #FAF1F1 ;
	border : 1px dotted #481C1C ;
}

#main .contents02 .bana p {	margin : 0 ; text-align : left ; line-height : 1.35 ; }
#main .contents02 .bana img a { margin : 0 auto ; }

/* コンテンツ3　ハンドメイド
---------------------------------------------------- */	
#main .contents03 { float : right ; width : 360px ; margin-right : 10px ; }
*html #main .contents03 { float : right ; width : 360px ; }

/* フッター
---------------------------------------------------- */	

#footer {/*footerブロック制御*/
　　clear : both ;
	text-align: center;
	font-size: 12px;
	width: 900px;
	padding: 5px 0px 0px 0px;
	margin: 0 ;
	border-top : 1px solid #CCC ;
	color: #333333;
	}