@charset "utf-8";

/*---------------------------------------------------------------------
	Common Style Sheet
	Last Update 2008-2-22
	
	Site URL	http://www.sirone.net/
	File name	base.css(http://www.sirone.net/css/common.css)
	
	1-1 Layout
	1-2 Header
	1-3 Structure Module
	1-4 Text Module
	1-5 Hypertext Module
	1-6 List Module
	1-7 Edit Module
	1-8 Forms Module
	1-9 Tables module
	1-10 Image Module
	1-11 Object Module
-----------------------------------------------------------------------*/


body {
	color: #777;
}

p {
	margin-top: 10px;
	font-size: 0.8em;
}



/*---------------------------------------------------------------------
	1-1	Layout
-----------------------------------------------------------------------*/


div#contents {
	clear: both;
	margin: 0 auto;
	width: 750px;

}

div#header {
	margin: 0 auto;
	width: 800px;
}


div#side {
	float: left;
	width: 200px;
	padding-bottom: 50px;
	text-align: left;
}

div#main {
	float: right;
	width: 550px;
	padding-bottom: 50px;
	text-align: left;
}

div#footer {
	clear: both;
	margin: 0 auto;
	width: 800px;
	

}

/*---------------------------------------------------------------------
	1-1	Header
-----------------------------------------------------------------------*/


h1#logo {
	float: left;
	margin-top: 20px;

}


ul#menu {
	float: right;
	margin-bottom: 30px;
}

ul#menu li {
	float: left;
	margin-right: 10px;
}

ul#menu li.top30 {
	margin-top: 30px;
}


/*---------------------------------------------------------------------
	1-1	Image
-----------------------------------------------------------------------*/

img.photo {
	border: 1px solid gray;
	padding: 5px;
	background: #FFF;
}

img.name {
	margin-left: 20px;
	margin-right: 20px;
}

img.conceptimage {
	margin-left: 10px;padding: 5px;
	border: 1px solid #eee;
	
}

/*---------------------------------------------------------------------
	1-1	List
-----------------------------------------------------------------------*/

div#side ul li{
	margin-left:10px;
}




/*---------------------------------------------------------------------
	1-1	News
-----------------------------------------------------------------------*/

p.newstext {
	margin-top: 100px;
	margin-left: 250px;
}


/*---------------------------------------------------------------------
	1-1	Diary
-----------------------------------------------------------------------*/

div.entry {
	margin-bottom: 30px;
	padding-bottom: 30px;
	background: #FFF url(../image/linen.jpg);
	border-bottom: 1px dotted #ddd;
}

div.entry p {
	margin-left: 4px;
}

.inputimage {
	border: 1px solid gray;
	margin-right: 15px;
	padding: 3px;
	background: #FFF;

	
}

/*---------------------------------------------------------------------
	1-1	style
-----------------------------------------------------------------------*/

ul.thumbnail ul {
	margin-bottom: 20px;
}

ul.thumbnail li {
	float: left;
	 display: inline;
}

/*---------------------------------------------------------------------
	1-1	link
-----------------------------------------------------------------------*/

ul.link_list h3 {
	margin-bottom: 10px;
}
ul.link_list li {
	margin-bottom: 30px;
}

ul.link_list li dl {
	position: relative;
}

ul.link_list li dt {
	position: relative;
}


ul.link_list li dl dd {
	position: absolute;
	top: 0;
	left: 100px;
}





/*---------------------------------------------------------------------
	1-1	Footer
-----------------------------------------------------------------------*/

div#footer ul li {
	display: inline;
	margin-right: 3px;
	padding-left: 7px;
	border-left: 1px solid gray;
	font-size: 0.7em;

}

div#footer p {
	font-size: 0.8em;
}

div#address {
	float: left;
	font-size: 0.7em;
}

div#footer_logo {
	float: right;
	margin-bottom: 30px;
}

/*---------------------------------------------------------------------
	1-1	見出し
-----------------------------------------------------------------------*/

h2 {
	margin-bottom: 30px;
}

h2.news_midashi {
	background: #FFF url(../image/midashi/midashi_1.gif) no-repeat;
	text-indent: -1000em;
}

h2.concept_midashi {
	background: #FFF url(../image/midashi/midashi_2.gif) no-repeat;
	text-indent: -1000em;
}

h2.style_midashi {
	background: #FFF url(../image/midashi/midashi_3.gif) no-repeat;
	text-indent: -1000em;
}

h2.diary_midashi {
	background: #FFF url(../image/midashi/midashi_5.gif) no-repeat;
	text-indent: -1000em;
}

h2.link_midashi {
	background: #FFF url(../image/midashi/midashi_6.gif) no-repeat;
	text-indent: -1000em;
}

h2.map_midashi {
	background: #FFF url(../image/midashi/midashi_7.gif) no-repeat;
	text-indent: -1000em;
}

h2.info_midashi {
	background: #FFF url(../image/midashi/midashi_8.gif) no-repeat;
	text-indent: -1000em;
}

h3.title {
	padding-left: 30px;
	height: 30px;
	background: url(../image/diary_title_bg.gif) no-repeat;
	line-height: 40px;
}

h3.map_setsumei {
	margin-top: 15px;
	font-size: 0.9em;
	font-weight: normal;
}

p.small {
	font-size: 0.7em;
}