@charset "utf-8"; 

/*blog.css
j-line News blog用 基本CSS


■□■□■□■□■□■□■□■□■□■□■□■□■□

Newsブログ用に、base.cssとbox.cssを組みあわせて
ヘッダー、フッター、などのブログ用のスタイルシート
以外で必要な部分を抜粋しています。

■□■□■□■□■□■□■□■□■□■□■□■□■□

【1】初期設定
1-1 汎用セレクタ
1-2 フォーム関連セレクタ
1-3 CSSハック

【2】ページレイアウト
2-1 ページ全体			#container
2-2 ヘッダ				#top
2-3 本文				#contents
2-4 補助枠(3カラム)		.wrap
 2-5 中央(メイン)		.main 
 2-6 サイド				.side
  2-7 サイド1			#side1
  2-8 サイド2			#side2
2-9 フッタ				#foot

【3】ページ全体内
3-0 共通
3-1 メインビジュアル	#screen
3-2 パン屑				#pan
3-3 スキップナビ		.skip
3-4 アンカーナビ		.jump

【4】ヘッダ内
4-0 共通
4-1 サイトID			#siteid
4-2 サイト内検索		#sitesearch
4-3 トップメニュー		#tmenu
4-4 グローバルナビ		#gnavi
4-5 サブナビ			#snavi

【5】本文内
5-0 共通

【6】中央（メイン）内
6-0 共通

【7】サイド内
7-0 共通
7-1 お問合せ			#contact
7-9 サイドメニュー		.smenu

【8】フッタ内
8-0 共通
8-1 フッタメニュー		#fmenu
8-2 コピーライト		#copy

*/




/*0-1　ページタイトル*/
#pagetitle {
	width:560px;
	height:180px;
	font-weight: bold;
	font-size:1.6em;
	background-color: #dedede;
	/*BIR*/
	position:relative;
	top:0;
	left:0;
	display:block;
	z-index:-10;
	margin: 0 0 20px;
	/*hide\*/	overflow:hidden;/*MacIE*/
}

/*【1】初期設定*/
/*文字揃え*/
.textright { text-align:right;}
.textleft { text-align:center;}
.textcenter { text-align:left;}

#container .bottom0 { margin-bottom:0px;}
#container .bottom1 { margin-bottom:1px;}
#container .bottom2 { margin-bottom:2px;}
#container .bottom3 { margin-bottom:3px;}
#container .bottom4 { margin-bottom:4px;}
#container .bottom5 { margin-bottom:5px;}
#container .bottom6 { margin-bottom:6px;}
#container .bottom7 { margin-bottom:7px;}
#container .bottom8 { margin-bottom:8px;}
#container .bottom10 { margin-bottom:10px;}

#container .top0 { margin-top:0px;}
#container .top5 { margin-top:5px;}
#container .top10 { margin-top:10px;}

#container .left0 { margin-left:0px;}
#container .left5 { margin-left:5px;}
#container .left10 { margin-left:10px;}

#container .right0 { margin-right:0px;}
#container .right5 { margin-right:5px;}
#container .right10 { margin-right:10px;}



/* ボックス共通*/
.box {
	margin:0 0px 10px;
	font-size: 1.2em;
}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .box {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .box {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .box {display: inline-table;}
    /**/
  .box:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

	
	
.subtitle {}
.content {}
.unit {}
.comment {}
.more {
	text-align:right;
}
.more a {
}
  .more a:link ,
  .more a:visited {
	text-decoration:none;
  }
  .more a:hover ,
  .more a:active {
	text-decoration:underline;
  }
.sw {}
.bt {
	text-align: center;
}
.bnr {
	text-align:center;
	margin:0 0 5px;
}
.bnr img {
	display:block;
	margin:0 auto;
}






/*【2】ページレイアウト*/

/*2-2 ヘッダ*/
#top {
	width: 780px;
	padding:10px 0 0;
}

/*2-9 フッタ*/
#foot {
	background:url(../img/bg_foot.gif) repeat-x 0 0;
	text-align: center;
}




/*【3】ページ全体内 */

/*3-2 パン屑*/
#pan {
	padding:8px 0;
	margin: 0 10px;
}
#pan ul {
	/*hide\*/float:left;/*MacIE*/
}
#pan li {
	/*hide\*/float:left;/*MacIE*/
}
#pan li li {
	background:url(../img/bg_li_right.gif) no-repeat 2px 0.2em;
	padding:0 0 0 15px;
}
#pan a {
	/*hide\*/float:left;/*MacIE*/
}


/*3-3 スキップナビ*/
.skip {
	position: absolute;
	left: -99999px;
	width: 1px;
	height: 1px;
	/*hide\*/overflow: hidden;/*MacIE*/
	margin: 0;
}



/*【4】ヘッダ内*/
/*4-0 共通*/
#top a {}
#top a:link , #top a:visited {}
#top a:hover , #top a:active {}

/*4-1 サイトID*/
#siteid {
	width: 230px;
	height: 50px;
	overflow: hidden;
	float: left;
	margin: 0 0 21px;
}

/*4-2 サイト内検索*/
#sitesearch {
	border:none;
	width: 205px;
	float: right;
	margin: 0;
	padding: 0;
}
#sitesearch legend {
	display:none;
}
#sitesearch input {
	margin: 0;
}
#sitesearch .text {
	width: 133px;
	height:17px;
	padding:0px;
	line-height:1.2;
}
#sitesearch .button {
	vertical-align:top;
}

/*4-3 トップメニュー*/
#tmenu {
	text-align: right;
	margin: 0 0 20px;
	float: right;
	width: 540px;
}
#tmenu li {
	line-height: 1.2;
/*hide\*/	background:url(../img/bg_tmenu.gif) no-repeat 0% 50%;/*MacIE*/
	padding:0 9px 0 10px;
	display: inline;
}
#tmenu .li1 {
	background:none;
}
#tmenu a {
	line-height:1.2;
}
#tmenu a:link , #tmenu a:visited {
	text-decoration:none;
}
#tmenu a:hover , #tmenu a:active {
	text-decoration:underline;
}

/*4-4 グローバルナビ*/
#gnavi {
	width: 780px;
	height:34px;
	float: left;
}
#gnavi li {
	width:109px;
	height:34px;
	float:left;
/*hide\*/	overflow:hidden;/*MacIE*/
}
#gnavi .li1 {
	width:116px;
}
#gnavi .li2 {
	width:109px;
}
#gnavi .li3 {
	width:111px;
}
#gnavi .li4 {
	width:110px;
}
#gnavi .li5 {
	width:110px;
}
#gnavi .li6 {
	width:110px;
}
#gnavi .li7 {
	width:114px;
}
#gnavi li a {
	display:block;
	background-image:url(../img/bg_gnavi.jpg);
	background-repeat:no-repeat;
	width:115px;
	text-align: center;
	font-size: 1.2em;
}

#gnavi .li1 a {	width:116px;}
#gnavi .li2 a {	width:109px;}
#gnavi .li3 a {	width:111px;}
#gnavi .li4 a {	width:110px;}
#gnavi .li5 a {	width:110px;}
#gnavi .li6 a {	width:110px;}
#gnavi .li7 a {	width:114px;}

/*通常時*/
#gnavi li a:link ,
#gnavi li a:visited {
	text-decoration: none;
}
#gnavi .li1 a:link ,
#gnavi .li1 a:visited {
	background-position:0px 0px;
}
#gnavi .li2 a:link ,
#gnavi .li2 a:visited {
	background-position:-116px 0px;
}
#gnavi .li3 a:link ,
#gnavi .li3 a:visited {
	background-position:-225px 0px;
}
#gnavi .li4 a:link ,
#gnavi .li4 a:visited {
	background-position:-336px 0px;
}
#gnavi .li5 a:link ,
#gnavi .li5 a:visited {
	background-position:-446px 0px;
}
#gnavi .li6 a:link ,
#gnavi .li6 a:visited {
	background-position:-556px 0px;
}
#gnavi .li7 a:link ,
#gnavi .li7 a:visited {
	background-position:-666px 0px;
}

/*オーバー時*/
#gnavi li a:hover ,
#gnavi li a:active {
	border-bottom:1px solid #C9171E;
	text-decoration: none;
}
#gnavi .li1 a:hover ,
#gnavi .li1 a:active {
	background-position:0px -40px;
}
#gnavi .li2 a:hover ,
#gnavi .li2 a:active {
	background-position:-116px -40px;
}
#gnavi .li3 a:hover ,
#gnavi .li3 a:active {
	background-position:-225px -40px;
}
#gnavi .li4 a:hover ,
#gnavi .li4 a:active {
	background-position:-336px -40px;
}
#gnavi .li5 a:hover ,
#gnavi .li5 a:active {
	background-position:-446px -40px;
}
#gnavi .li6 a:hover ,
#gnavi .li6 a:active {
	background-position:-556px -40px;
}
#gnavi .li7 a:hover ,
#gnavi .li7 a:active {
	background-position:-666px -40px;
}

/*表示時点灯*/
.indextop #gnavi .li1 a:link ,
.indextop #gnavi .li1 a:visited {
	background-position:0px -80px;
	cursor:default;
}
.service #gnavi .li2 a:link ,
.service #gnavi .li2 a:visited {
	background-position:-116px -80px;
	cursor:default;
}
.blog #gnavi .li3 a:link ,
.blog #gnavi .li3 a:visited {
	background-position:-225px -80px;
	cursor:default;
}
.philosophy #gnavi .li4 a:link ,
.philosophy #gnavi .li4 a:visited {
	background-position:-336px -80px;
	cursor:default;
}
.aboutus #gnavi .li5 a:link ,
.aboutus #gnavi .li5 a:visited {
	background-position:-446px -80px;
	cursor:default;
}
.recruit #gnavi .li6 a:link ,
.recruit #gnavi .li6 a:visited {
	background-position:-556px -80px;
	cursor:default;
}
.contact #gnavi .li7 a:link ,
.contact #gnavi .li7 a:visited {
	background-position:-666px -80px;
	cursor:default;
}

#gnavi li a span {
	display:block;
	height:34px;
}
#gnavi .li1 a span {	width:115px;}
#gnavi .li2 a span {	width:108px;}
#gnavi .li3 a span {	width:110px;}
#gnavi .li4 a span {	width:109px;}
#gnavi .li5 a span {	width:109px;}
#gnavi .li6 a span {	width:109px;}
#gnavi .li7 a span {	width:113px;}


/*4-5 サブナビ*/
#snavi {}



/*【7】ページレイアウト*/

/*7-1 お問合せ*/
#contact {
	background:url(../img/bg_contact.jpg) no-repeat 0 0;
}
#contact .title {
	background:none;
	height:26px;
	text-indent:-9999px;
	position:relative;
	top:0;
	left:0;
	display:block;
	z-index:-10;
	/*hide\*/	overflow:hidden;/*MacIE*/
}
#contact .comment {
	margin:0 5px 10px;
}
#contact dl {}
#contact .li1 {
	background:url(../img/bg_contact_st1.gif) no-repeat 0 0;
}
#contact .li2 {
	background:url(../img/bg_contact_st2.gif) no-repeat 0 0;
}
#contact dt {
	height:20px;
}
#contact dd {
	padding: 0 0 0 5px;
}
#contact .bt {
	padding: 10px 0;
}
#contact .li2 dt {
	margin:0 0 5px;
}
#contact .li2 .tel_o {
	background:url(../img/bg_contact_tel.gif) no-repeat 0 0;
	margin:0 0 10px;
}
#contact .li2 .tel_t {
	background:url(../img/bg_contact_tel_t.gif) no-repeat 0 0;
	padding:0 0 5px;	
}
#contact .li2 .tel_t .bir {
	margin:0 0 5px;
}
#contact .li2 dd p{
	height:31px;
}









/*【8】フッタ内*/
/*8-0 共通*/
/*8-1 フッタメニュー*/
#fmenu {
	width:760px;
	margin:0 auto 0;
	padding:10px 0;
	border-bottom:1px solid #fff;
	text-align:center;
	font-size:1.2em;
}
#fmenu li {
	line-height: 1.2;
/*hide\*/	background:url(../img/bg_fmenu.gif) no-repeat 0% 50%;/*MacIE*/
	padding:0 9px 0 10px;
	display: inline;
}
#fmenu .li1 {
	background:none;
	padding: 0 9px 0 0px;
}
#fmenu a {
}
#fmenu .li1 a {
}

/*8-2 コピーライト*/
#copy {
	width:760px;
	margin:0 auto;
	border-top:1px solid #DDDCD6;
	font-style: normal;
	padding:0 0 50px;
}