@charset "Shift_JIS";
/*--文字コード指定--*/

/*===== CONTENTS ==========
	update:2009.4.28
=========================*/

/*===== 基本設定 ==========
=========================*/
html{background::inherit;}

/*\*/
	*html .buggybox{height:1%;}
/**/
.clear {
	clear: both; line-height: 0; HEIGHT: 0px
        margin: 0px 0px 0px 0px ;
}
    *{padding:0, border:0; margin:0;}

BODY {
	margin-top:0;
	margin-bottom:0;
        MARGIN-left: 0 ;   
        MARGIN-right: 0 ;   
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
        text-align: left;
	font-size:76%;
        background-color: #E5E5E5;
        background-image:url("img/back_gra.jpg");
        background-repeat:repeat-x;
        color:#333333;
        }

h1, h2, h3, h4, ul, li, dl, dt, dd {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height:100%;
        text-align: left;
        }

img {
   padding: 0px 0px 0px 0px;
   MARGIN: 0px 0px 0px 0px;
   border:0 ;
   }
   
p {
	padding:0;
	margin:0;
}   

li{
	list-style-type: none;	
}

/*=========================
リンク設定 
=========================*/

a,
a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #000000;
}

a:hover {
        text-decoration: underline;
	color: #444444;
}


/*===== clearfix Hack =====
=========================*/
.clearfix:after,
ul.hyo:after,
ul.list:after,
ul.hyo li:after,
ul.list li:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix,
ul.hyo li,
ul.list li,
{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix,
* html .list,
* html .hyo,
{ height:1%; }

.clearfix,
ul.list,
ul.hyo,
{ display:block; }
/* End from IE-mac \*/



/*=========================
レイアウト設定
=========================*/
#wrapper{
        width:900px;
        display:block;
        text-align: left;
        margin-top: 0px ; 
        margin-bottom: 0px ; 
        padding:0 0 0 0;
        border:0px solid #ccc;
        }
        
#headerarea{
        width:900px;
        height:620px;
        display:block;
        margin: 0 0 0 0;
        PADDING: 0 0 0 0;
        }
#headerarea_p{
        width:900px;
        height:285px;
        display:block;
        margin: 0 0 0 0;
        PADDING: 0 0 0 0;
        background-image:url("img/page_header.gif");
        background-repeat:no-repeat;
        }
#mainarea{
        width:900px;
        display:block;
        margin: 0 0 50px 0;
        PADDING: 0 0 0 0;
        }

#allarea{
        float:left;
        width:900px;
        margin: 0 0 0 0;
        PADDING: 0 0 0 30px;
        border:0px solid #000;
        }

#leftarea{
        float:left;
        width:265px;
        margin: 0 0 0 0;
        PADDING: 0 0 0 0;
        border:0px solid #000;
        }

#rightarea_top{
        float:right;
        width:550px;
        display:block;
        PADDING: 0 0 0 0;
        margin: 200px 15px 45px 0;
        border:0px solid #000;
        }

#rightarea{
        float:right;
        width:600px;
        display:block;
        PADDING: 0 0 0 0;
        margin: 0 0 0 0;
        border:0px solid #ccc;
        }

#footer{
	text-align: center;
        height:200px;
        display:block;
	margin:0 0 0 0;
	padding:30px 0 0 0;
	width:100%;
}

/*=========================
ヘッダーエリア設定
=========================*/

#headerarea h1,
#headerarea h1 a {
width:0px;
height:0px;
position:absolute;
left:-9999px;
}

	
#headerarea .description {
	display: none;
	}


#headerarea_p #banner{
        position: absolute;
        z-index: 1;
        top:0;
        left:40px;
        }
#headerarea_p #pagetitle{
        position: absolute;
        z-index: 1;
        top:215px;
        left:297px;
        }


/*=========================
中ページ　設定
=========================*/
#allarea p{
        padding: 0px 0px 0px 5px;
        margin: 0 0 10px 0;
        font-size:110%;
        line-height:170%;
        }

#rightarea p{
        padding: 0px 0px 0px 0px;
        margin: 0 0 10px 0;
        font-size:110%;
        line-height:170%;
        }

#rightarea H2{
        padding: 0px 0px 0px 0px;
        margin: 0 0 10px 0;
        font-size:120%;
        }
        
#rightarea .small{
        color: #777777;
        font-size: 76%;
        border-top:1px solid #dcdcdc;
        margin: 5px 0 10px 0;
        padding: 5px 0 0 0;
        letter-spacing:0.3em;
        }
        
/*=========================
イメージ設定
=========================*/
        
.img_area{
        margin: 0 0 0 0;
        PADDING: 0 0 0 0;
       }

.img_area img{
        float:left;
        margin: 0 0 0 0;
        PADDING: 0 0 0 0;
        float:left;
       }
.img_area p{
        font-size:10px;
        margin: 5 0 7 0;
        PADDING: 0 0 0 0;
        line-height: 140%;
       }           


/*=========================
メニュー画像設定
=========================*/
    .demo{
	    margin-bottom:0;
		overflow:auto;
		clear:both;
		/*background-image:url(img/c_menu_line.gif);*/
		/*background-repeat:no-repeat;*/
		width:265px;
		height:280px;
	}
	.demo a{
		display:block;
		text-indent:-9999px;
		width:260px;
		height:25px;
		float:left;
		background-image:url(img/c_menu.gif);
		background-repeat:no-repeat;
	}
	#concept{background-position:0 0;}
	#concept_s{background-position:-260px 0;}
	#concept:hover,#concept.hover{background-position:-260px 0px;}
        
	#information{background-position:0 -25px;}
	#information:hover,#information.hover{background-position:-260px -25px;}
        
	#architecture{background-position:0 -50px;}
	#architecture:hover,#architecture.hover{background-position:-260px -50px;}
        
	#music{background-position:0 -75px;}
	#music:hover,#music.hover{background-position:-260px -75px;}
        
	#square{background-position:0 -100px;}
	#square:hover,#square.hover{background-position:-260px -100px;}
        
	#company{background-position:0 -125px;}
	#company:hover,#company.hover{background-position:-260px -125px;}

	#profile{background-position:0 -150px;}
	#profile:hover,#profile.hover{background-position:-260px -150px;}

	#publicity{background-position:0 -175px;}
	#publicity:hover,#publicity.hover{background-position:-260px -175px;}

	#links{background-position:0 -200px;}
	#links:hover,#links.hover{background-position:-260px -200px;}

	#access{background-position:0 -225px;}
	#access:hover,#access.hover{background-position:-260px -225px;}

	#contact{background-position:0 -250px;}
	#contact:hover,#contact.hover{background-position:-260px -250px;}

/*=========================
メニュー画像設定 不要？
=========================*/
.menu a,
.menu a:link,
.menu a:visited,
.menu a:active,
.m_concept a:hover  {
        display: block;
        width:200px;
        height:25px;
        text-indent:-9999px;
        background-repeat:no-repeat;
}

#concept a {
        background-image:url("img/images/c_menu_01.gif");
}
#concept a:hover {
        background-image:url("img/images/c_menu_s_01.gif");
}

#information a {
        background-image:url("img/images/c_menu_02.gif");
}
#information a:hover {
        background-image:url("img/images/c_menu_s_02.gif");
}
#architecture a {
        background-image:url("img/images/c_menu_03.gif");
}
#architecture a:hover {
        background-image:url("img/images/c_menu_s_03.gif");
}
#music a {
        background-image:url("img/images/c_menu_04.gif");
}
#music a:hover {
        background-image:url("img/images/c_menu_s_04.gif");
}
#square a {
        background-image:url("img/images/c_menu_05.gif");
}
#square a:hover {
        background-image:url("img/images/c_menu_s_05.gif");
}
#company a {
        background-image:url("img/images/c_menu_06.gif");
}
#company a:hover {
        background-image:url("img/images/c_menu_s_06.gif");
}
#profile a {
        background-image:url("img/images/c_menu_07.gif");
}
#profile a:hover {
        background-image:url("img/images/c_menu_s_07.gif");
}
#publicity a {
        background-image:url("img/images/c_menu_08.gif");
}
#publicity a:hover {
        background-image:url("img/images/c_menu_s_08.gif");
}
#links a {
        background-image:url("img/images/c_menu_09.gif");
}
#links a:hover {
        background-image:url("img/images/c_menu_s_09.gif");
}
#access a {
        background-image:url("img/images/c_menu_10.gif");
}
#access a:hover {
        background-image:url("img/images/c_menu_s_10.gif");
}
#contact a {
        background-image:url("img/images/c_menu_11.gif");
}
#contact a:hover {
        background-image:url("img/images/c_menu_s_11.gif");
}


/*=========================
パンくずリスト設定
=========================*/

#place{
        font-size: 10px; 
        text-align: left;
        padding: 0 0 0 10; 
        margin: 1 0 3 0; 
        display: block;
        color:#333333;
        }
        
#place A {
	text-decoration: none;
        color: #FF6600;
}
#place A:link {
	text-decoration: none;
        color: #3399CC;
}
#place A:visited  {
	text-decoration: none;
        color: #3399CC;
}
#place A:active {
	text-decoration: underline;
        color: #0066CC;
}
#place A:hover {
	text-decoration: underline;
        color: #0066CC;
}

/*=========================
リスト設定
=========================*/

/*=== トップ ====*/

ul.topics {
        margin: 0 0 0 0;
        width:550px;
	padding: 8px 0 0 0;
	border-top:0px #888 solid;
	}
	
ul.topics li {
        font-size: 90%;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	list-style-type: none;	
        margin: 5 0 0 0;
	padding: 0 0 0 2;
	line-height: 150%;
	clear:both;
	}

ul.topics li .date,ul.topics li .icon,ul.topics li .text {
	display:block;
	float:left;
        margin: 0 0 6px 0;
	}
ul.topics li .date {
	width:90px;
	}
ul.topics li .icon {
	width:70px;
	}
ul.topics li .text {
	width:385px;
	}


/*=== 表 ====*/

ul.hyo,
ul.list {
        margin: 0 0 0 0;
        width:600px;
	padding: 0 0 0 0;
	border-top:0px #888 solid;
	}
	
ul.hyo li {
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	list-style-type: none;	
        margin: 0 0 0 0;
	padding: 0 0 10px 0;
	line-height: 170%;
	clear:both;
	}

ul.list li {
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	list-style-type: none;	
        margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	line-height: 170%;
	clear:both;
        border-bottom:1px #ccc solid;
	}

ul.hyo li .komoku,
ul.hyo li .text,
ul.list li .thumnail,
ul.list li .text {
	display:block;
	float:left;
        margin: 0 0 0 0;
	}
ul.hyo li .komoku {
	width:140px;
	}
ul.hyo li .text {
	width:400px;
	}
ul.list li .thumnail {
	width:110px;
	}
ul.list li .thumnail img{
	border:1px #fff solid;
	}
ul.list li .text {
	width:430px;
	margin: 0 0 0 20px;
	}

/*=== リンク ====*/

ul.link {
        margin: 0 0 30px 0;
	padding: 0 0 0 0;
	border-top:0px #888 solid;
	
	}
	
ul.link li {
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	list-style-type: none;	
        margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 170%;
	clear:both;
	}

ul.linklist li {
	text-align: left;
	font-size:90%;
	list-style-type: none;	
        margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 170%;
	clear:both;
	}
	
/*=========================
テーブル設定
=========================*/

.td_uline{
padding:3 5 3 5 ;line-height:14px;border-top: 1px #cccccc  solid;
}

/*=========================
フォーム設定
=========================*/

input.nyuryoku, textarea.nyuryoku {
        border: 1px solid #eee;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;;
        padding: 3px;
        background-color: #f7f7f7;
        font-size:100%;
}
select.nyuryoku {
        border: 1px solid #eee;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;;
        background-color: #f7f7f7;
        padding: 2px;
}
.contact-form label {
    display: block;
}
.contact-form input.text {
    font-size: 100%;
}
.contact-form textarea {
    margin-bottom: 15px;
}


/*=========================
フッター設定
=========================*/

#footerin{
        display:block;
        width:870px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0 0 10px;
	text-align: left;
	border-top:1px #cccccc solid;
}
#footerin p{
	line-height:140%;
	font-size:86%;
	color:#333333;
}

#footerin p.copy{
	float:right;
	width:302px;
	height:12px;
}