@charset "UTF-8";

/* 基本画面レイアウト
***********************************************************************************************************************/
*{
margin:0;
padding:0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
font-weight:lighter;
line-height:1.5em;
}

body{
background-color:#FFFFFF;
font-size:100%;
font-size:12px;
color:#424242;
}

a:link{
text-decoration:none;
color:#787878;
}
a:visited{
text-decoration:none;
color:#787878;
}
a:hover{
text-decoration:underline;
color:#787878;
}
a:link{
text-decoration:none;
color:#787878;
}

ul,ol,dl,li,img{
margin:0;
padding:0;
list-style:none;
border:0;
display:block;
}



/* wrapper
***********************************************************************************************************************/
#wrapper{
	line-height:0;
	margin:0px auto;
	padding:20px 0px 0px 0px;
	height:100%;
}



/* header内
***********************************************************************************************************************/
#header{
	width:900px;
	margin:0px auto;
}
#header_1st{
	width:900px;
}
#logo_logitec{
	width:120px;
	float:left;
}
#ina_block{
	width:760px;
	height:36px;
	float:right;
}
#ina_word{
	width:316px;
	float:left;
	margin-top:13px;
}
ul#top_navi{
	width:180px;
	float:right;
	margin-top:15px;
	position:relative;
}
ul#top_navi li{
	float:left;
}
#rss{
	width:35px;
}
#rss_btn{
	position:absolute;
	right:0px;
	top:-1px;
}

#header_2nd{
	clear:both;
	width:900px;
	margin-top:14px;
}
#logo_ina{
	width:750px;
	float:left;
}
#ina_img{
	width:130px;
	float:right;
}



/* nav内
***********************************************************************************************************************/
#nav_box{
	clear:both;
	width:auto;
	height:46px;
	margin:0px auto;
	background-image:url(../img/shared/nav_back.jpg);
	background-repeat:repeat-x;
	margin:16px 0px 18px 0px;
}
#nav_area{
	width:900px;
	height:46px;
	margin:0px auto;
}
#nav{
	width:370px;
	float:left;
}
#top_banner{
	width:327px;
	float:right;
}
#nav_area ul{
}

#nav_area ul li{
	float:left;
}

#nav ul li a:hover img{
	opacity:0;
	filter:alpha(opacity=0);
}
#nav ul li.nav1{background-image:url(../img/shared/nav1_on.gif);}
#nav ul li.nav2{background-image:url(../img/shared/nav2_on.gif);}
#nav ul li.nav3{background-image:url(../img/shared/nav3_on.gif);}



/* container
***********************************************************************************************************************/
#container{
	width:900px;
	margin:0px auto;
}

/***** contents_area *****/
.box_head{
	position:relative;
}
.box_title{
}
.box_btn{
	position:absolute;
	top:7px;
	right:16px;
}



/* footer
***********************************************************************************************************************/
#page_top_area{
	clear:both;
	width:900px;
	margin:0px auto;
	margin-top:20px;
}
#page_top{
	width:90px;
	margin-left:auto;
}

#footer_box{
	clear:both;
	width:100%;
	background-color:#373737;
	padding:15px 0px 15px 0px;
	margin-top:1px;
}
#footer{
	line-height:0;
	width:900px;
	margin:0px auto;
	color:#fff;
}
#footer a{
	color:#fff;
}
#footer a:hover{
text-decoration:underline;
}
#footer_link1{
	width:900px;
	font-size:11px;
}
#footer_link1 ul{
}
#footer_link1 ul li{
	font-size:11px;
	float:left;
	padding-left:2em;
	padding-right:1em;
	background-image:url(../img/shared/link1_line.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#footer_link2{
	clear:both;
	width:900px;
	padding-top:10px;
	line-height:0;
}
#footer_left{
	width:540px;
	font-size:10px;
	float:left;
}
#footer_left ul li{
	float:left;
	font-size:10px;
	padding-left:8px;
	padding-right:8px;
	background-image:url(../img/shared/link2_line.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#footer_right{
	width:350px;
	font-size:10px;
	float:right;
	text-align:right;
	white-space:normal;
}
#footer .no_line{
	background-image:none;
	padding-left:0px;
}
#footer .first_link{
	background-image:url(../img/shared/link2_line.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-left:0px;
}





/* clearfix
***********************************************************************************************************************/
#header_1st,
#header_2nd,
#nav_box,
#footer,
#footer_link2
{zoom:1;}

#header_1st:after,
#header_2nd:after,
#nav_box:after,
#footer:after,
#footer_link2:after
{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}