/**
*
*	common.css
*
*	site : hitomi
*
*/
/* reset
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-size:12px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}

caption, tfoot {
  display: none;
}

a {
  color: #333333;
  text-decoration: none;
}
a:visited, a:actice {
  color: #333333;
  text-decoration: none;
}
a:hover {
  color: #333333;
  text-decoration: underline;
}

span.clear { clear: left; display: block; }

.clear {clear:both;}

.txt_red {
	color:#F30;
}

.info_txt {
	font-size:16px;
	font-weight:bold;
	color:#F00;
}

.from_btn {
	width:140px;
	height:40px;
	background-color:#C93;
	margin:20px 10px;
}

.from_btn:hover {
	width:140px;
	height:40px;
	background-color:#F96;
	margin:20px 10px;
}


/* body
-------------------------------------------------- */
body {
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
  color: #000;
  line-height: 1.6;
  text-shadow: 0 0 2px #eeeeee;
  background: #fff;
}

#wrapper { 
	width:900px;
	margin: 0 auto;}

/* top
-------------------------------------------------- */
#top {
  width: 100%;  
  position: relative;
  min-height: 100px;
}

div.title {
	display:block;}
	
#top div.title #logo{
	width: 345px;
	float:left;
	position:relative;}
	
#top div.title #information{
	float:right;
	width: 410px;
	position:relative;}

#information div.infor { float:left; width:320px; }

#information #email { float:right; width:80px;}

div.infor #phone {}
div.infor #phone .text { font-size:10px; float:left; margin-right:5px}
div.infor #phone .img { float:right; }


/* menu
-------------------------------------------------- */
#menu {
  width: 100%;
  margin: 0px auto;  
}
#first_nav { 
	margin:0px;
	background:url(../img/nav_f.jpg) no-repeat;
	width: 20px;
	height:54px;
}
#end_nav {
	margin:0px;
	background:url(../img/nav_e.jpg) no-repeat;
	width: 14px;
	height:54px;
	}
.menu ul li { float:left; margin:0;}
#first_nav, .menu, #end_nav { float:left;}

/* middle
-------------------------------------------------- */
#middle.top {
	width: 100%;
	background:url(../img/bg_content.jpg) bottom left no-repeat;
	margin: 0;
	min-height: 327px;}

#middle {
	width: 100%;
	background:url(../img/bg_content_short.jpg) bottom left no-repeat;
	margin: 0;
	min-height: 327px;}
	

#banner { 
	width: 100%;
	margin:0 0 5px 0;
	height: 385px;}

#content { min-height: 200px;}
#content .content_l { float:left; margin-left: 22px;}
#content .content_r { float:right;}

#content .content_l2 { float:left; margin-left: 22px; width:430px;}
#content .content_r2 { float:right; width:430px;}


h1 {
	font-size:18px;
	font-weight:bold;
	color: #C30;
	padding-left:35px;
}

h1.icon1 {background-image:url(../img/icon1.png) ; background-repeat:no-repeat;}
h1.icon2 {background-image:url(../img/icon2.png) ; background-repeat:no-repeat;}
h1.icon3 {background-image:url(../img/icon3.png) ; background-repeat:no-repeat;}


h2 {
	font-size:14px;
	font-weight:bold;
	color:#F90;
}


/*Content left */
.content_l .title {
	float:left;	
	margin-top: -20px;
	margin-left: -10px;}
	
#content_s{/*position: absolute;*/
	margin: 10px 0px 0px 0px;
	width: 465px;
	height: 166px;
	padding: 0px 10px;
}

#content_s.top{/*position: absolute;*/
	margin: 10px 0px 0px 0px;
	width: 465px;
	height: 166px;
	padding: 0px 10px;
	background-image:url(../img/news_background.png);
	background-repeat:no-repeat;
	/*background-color:#FFF; */
}

#content_s .content_s{
	position: relative;
	height: 70%;
	overflow: hidden;
}

#content_s .content_s .content_new{
	position: relative;
	width: 455px;
	top: 0px;
	float: left;}

#content_s .content_s .newGroup{clear:both;}

#content_s .scrollBar{
	position: relative;
	width: 0px;
	height: 115px;
	float: left;
	border-left: 1px dotted rgb(85, 85, 85);
	cursor: pointer;
	margin: 0px 0px 0px 5px;
}

#content_s .thumb{
	position:absolute;
	width:9px;
	height:9px;
	background:#555;
	margin-left:-5px;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	-moz-border-radius:18px;
	-khtml-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	left: 3px;
	top: 82px;
}

#content_s .thumb_pressed{
	position:absolute;
	width:2px;
	height:2px;
	background:#09C;
	margin-left:-5px;
	overflow:hidden;
	cursor:s-resize;
}

span.clear { clear: left; display: block; }

.new { margin:0; padding:0; height: 38px;}

.new .new_date{ margin:0 ; float:left; width:63px;}

.new .new_title{ 
	float:right;
	width:390px;
	 margin:0;
}

/*Content right */
.content_r .button { margin: 10px 28px;}


/* bottom
-------------------------------------------------- */
#bottom { 
	margin: 0px;
	background:url(../img/bg_footer.jpg) top repeat;}

#pagetop{
	background:url(../img/bg_pagetop.png) no-repeat;
	width: 100%;
	min-height:32px;}

#footer { 
	text-align:right; 
	margin-right: 27px;
}

div.btnPageTop { 
	float: right; 
	margin-right: 28px;}

#menu_bottom { margin-left: 110px;}

#menu_bottom ul li { float:right; margin:0;}