@charset "UTF-8";
/*
Theme Name: tokyo-j
Theme URI: http://www.lotus-asia.info/
Description:Copyright (C) Lotusasia All Rights Reserved.
Version: 1.0
Author: Lotusasia
Author URI: http://www.lotus-asia.info/
*/

/* Copyright (C) Lotusasia All Rights Reserved. */

/*-
*リセットおよび初期化
*/
*{
	padding:0;
	margin:0;
}

body{
	min-width:900px;
	color:#4b4b4b;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size:75%;
	line-height:180%;
	letter-spacing:0px;
	text-align:center;
	background:#ffffff;
}

table{
	color:#4b4b4b;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size:100%;
	line-height:140%;
	letter-spacing:0px;
}

ul,ol{ list-style:none; }

a{
	color:#4b4b4b;
	text-decoration:underline;
}
a:hover{
	color:#4b4b4b;
	text-decoration:none;
}

img{ border:none }

/*-
*汎用パーツ
*/
.font10{
	line-height:120%;
	font-size:85%;
	letter-spacing:1px;
}

.font11{
	line-height:140%;
	font-size:90%;
	letter-spacing:1px;
}

.font13{
	font-size:110%;
}

.font14{
	font-size:115%;
}

.font15{
	font-size:120%;
}

.font16{
	font-size:130%;
}

.font18{
	font-size:145%;
}

.txt_right{
	text-align:right;
}

.txt_left{
	text-align:left;
}

.txt_center{
	text-align:center;
}

.txt_center img{
	margin-left:auto;
	margin-right:auto;
}

.mt05{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt40{ margin-top:40px; }
.mt45{ margin-top:45px; }
.mt50{ margin-top:50px; }

.mb05{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }
.mb45{ margin-bottom:45px; }
.mb50{ margin-bottom:50px; }

.ml05{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml35{ margin-left:35px; }
.ml40{ margin-left:40px; }
.ml45{ margin-left:45px; }
.ml50{ margin-left:50px; }

.w50{ width:50px; }
.w100{ width:100px; }
.w150{ width:150px; }
.w200{ width:200px; }
.w250{ width:250px; }
.w300{ width:300px; }
.w350{ width:350px; }
.w400{ width:400px; }
.w450{ width:450px; }
.w460{ width:460px; }
.w500{ width:500px; }



.fl{
	float:left;
}

.fr{
	float:right;
}

.clear{
	clear:both;
}

/*-
*レイアウト、コンテンツ用
*/

/*-
*ベース
*/
#wrapper{
	width:100%;
	overflow:hidden;
}


/*-
*ヘッダー
*/
#header{
	margin:0 auto;
	width:900px;
	height:158px;
	text-align:left;
	background:url('images/headerBg_01.jpg') no-repeat 0 138px;
	position:relative;
	overflow:hidden;
}

#header h1{
	position:absolute;
	top:27px;
	left:0;
}

#header #header_info{
	width:500px;
	text-align:right;
	overflow:hidden;
	position:absolute;
	top:20px;
	right:0;
}

#header #header_contact{
	width:600px;
	text-align:right;
	overflow:hidden;
	position:absolute;
	top:45px;
	right:0;
}

#header #header_contact .tel{
	padding-left:50px;
	line-height:110%;
	font-size:240%;
	color:#656565;
	background:url('images/icon_tel.gif') no-repeat 22px 50%;
	display:inline;
}

#header #header_contact .fax{
	padding-left:50px;
	line-height:110%;
	font-size:240%;
	color:#656565;
	background:url('images/icon_fax.gif') no-repeat 12px 50%;
	display:inline;
}



/*-
*ナビゲーション
*/
#navi{
	width:900px;
	height:48px;
	background:url('images/naviBg_01.jpg') no-repeat right 0;
	overflow:hidden;
	position:absolute;
	top:90px;
	left:0;
}

#navi ul{
	overflow:hidden;
}

#navi ul li{
	width:150px;
	height:48px;
	float:left;
}

#navi ul li a{
	width:150px;
	height:48px;
	text-indent:-9999px;
	display:block;
}

#navi ul li.navi-01 a{ background:url('images/navi_01.gif') no-repeat 0 0; } /* HOME */

#navi ul li.navi-02 a{ background:url('images/navi_02.gif') no-repeat 0 0; } /* ホーム */

#navi ul li.navi-03 a{ background:url('images/navi_03.gif') no-repeat 0 0; } /* TOP */

#navi ul li.navi-04 a{ background:url('images/navi_04.gif') no-repeat 0 0; } /* トップ */

#navi ul li.navi-05 a{ background:url('images/navi_05.gif') no-repeat 0 0; } /* 会社概要 */

#navi ul li.navi-06 a{ background:url('images/navi_06.gif') no-repeat 0 0; } /* アクセス */

#navi ul li.navi-07 a{ background:url('images/navi_07.gif') no-repeat 0 0; } /* 企業理念 */

#navi ul li.navi-08 a{ background:url('images/navi_08.gif') no-repeat 0 0; } /* スタッフ紹介 */

#navi ul li.navi-09 a{ background:url('images/navi_09.gif') no-repeat 0 0; } /* 社員紹介 */

#navi ul li.navi-10 a{ background:url('images/navi_10.gif') no-repeat 0 0; } /* よくある質問 */

#navi ul li.navi-11 a{ background:url('images/navi_11.gif') no-repeat 0 0; } /* FAQ */

#navi ul li.navi-12 a{ background:url('images/navi_12.gif') no-repeat 0 0; } /* Q&A */

#navi ul li.navi-13 a{ background:url('images/navi_13.gif') no-repeat 0 0; } /* 製品紹介 */

#navi ul li.navi-14 a{ background:url('images/navi_14.gif') no-repeat 0 0; } /* サービス紹介 */

#navi ul li.navi-15 a{ background:url('images/navi_15.gif') no-repeat 0 0; } /* サービス内容 */

#navi ul li.navi-16 a{ background:url('images/navi_16.gif') no-repeat 0 0; } /* お客様の声 */

#navi ul li.navi-17 a{ background:url('images/navi_17.gif') no-repeat 0 0; } /* 採用情報 */

#navi ul li.navi-18 a{ background:url('images/navi_18.gif') no-repeat 0 0; } /* リクルート */

#navi ul li.navi-19 a{ background:url('images/navi_19.gif') no-repeat 0 0; } /* スタッフ日記 */

#navi ul li.navi-20 a{ background:url('images/navi_20.gif') no-repeat 0 0; } /* 社員日記 */

#navi ul li.navi-21 a{ background:url('images/navi_21.gif') no-repeat 0 0; } /* 活動日記 */

#navi ul li.navi-22 a{ background:url('images/navi_22.gif') no-repeat 0 0; } /* お知らせ */

#navi ul li.navi-23 a{ background:url('images/navi_23.gif') no-repeat 0 0; } /* 最新情報 */

#navi ul li.navi-24 a{ background:url('images/navi_24.gif') no-repeat 0 0; } /* プレスリリース */

#navi ul li.navi-25 a{ background:url('images/navi_25.gif') no-repeat 0 0; } /* お問い合わせ */

#navi ul li.navi-26 a{ background:url('images/navi_26.gif') no-repeat 0 0; } /* サービス */

#navi ul li.navi-27 a{ background:url('images/navi_27.gif') no-repeat 0 0; } /* 料金表 */


/*-
*コンテンツ
*/
#content{
	margin:0 auto 25px auto;
	width:900px;
	text-align:left;
	overflow:hidden;
}
@media print{
	#content{ overflow:visible; }
}


/*-
*サブコンテンツ
*/
#sub{
	width:200px;
	float:left;
	display:inline;
	overflow:hidden;
}

#sub #sub_widget_wrap{
	width:200px;
	overflow:hidden;
}

/* Sub_Area_01用 */
#sub #sub_widget_01{
	width:200px;
	overflow:hidden;
}

#sub #sub_widget_01 .widget-title{
	margin-bottom:5px;
	width:200px;
	height:42px;
	line-height:42px;
	color:#4b4b4b;
	text-indent:10px;
	font-size:125%;
	font-weight:normal;
	background:url('images/subBg_01.jpg') no-repeat 0 0;
}

#sub #sub_widget_01 .widget-title a{
	color:#4b4b4b;
}

#sub #sub_widget_01 .widget-title .rsswidget img{
	display:none;
}

/* Sub_Area_02用 */
#sub #sub_widget_02{
	margin-bottom:15px;
	width:200px;
	overflow:hidden;
}

#sub #sub_widget_02 .widget-title{
	display:none;
}

#sub .widget-content{
	margin:0 0 28px 0;
	width:200px;
	overflow:hidden;
}

#sub .widget-content ul{
	width:200px;
}

#sub .widget-content ul li{
	padding:10px 5px 10px 0;
	border-bottom:1px dotted #d3d3d3;
	word-wrap:break-word;
}

#sub .widget-content ul li a{
	padding:1px 0 0 18px;
	color:#4b4b4b;
	background:url('images/arrow_01.gif') no-repeat 2px 0;
}

#sub .widget-content ul li a:hover{
	color:#4b4b4b;
	font-weight:normal;
	text-decoration:none;
	background:url('images/arrow_02.gif') no-repeat 2px 0;
}



#sub .widget-content ul li .rss-date{
	font-size:90%;
	color:#666666;
}

#sub .widget-content ul li .rssSummary{
	display:inline;
}



#sub #searchform{
	margin-left:5px;
	padding:5px 0 0 0;
	width:190px;
	overflow:hidden;
}

#sub #searchform .screen-reader-text{
	display:none;
}

#sub #searchform #s{
	width:140px;
	height:20px;
	line-height:20px;
	background:#ffffff;
	border:1px solid #7e9db9;
	float:left;
}

#sub #searchform #searchsubmit{
	float:right;
}

#sub #wp-calendar{
	margin-left:5px;
	width:190px;
	border-collapse:collapse;
}

#sub #wp-calendar caption{
	font-weight:normal;
	text-align:center;
}


#sub #wp-calendar th{
	padding:4px 0;
	text-align:center;
	font-weight:normal;
	width:30px;
	background:#d9d9d9;
	border:1px solid #bbbbbb;
	word-wrap:break-word;
}

#sub #wp-calendar td{
	padding:4px 0;
	text-align:center;
	width:30px;
	background:#ffffff;
	border:1px solid #bbbbbb;
	word-wrap:break-word;
}

#sub #wp-calendar td#today{
	font-weight:normal;
	color:#499d0f;
}

#sub #wp-calendar tfoot td{ border:none; }
#sub #wp-calendar td#prev{ text-align:left; }
#sub #wp-calendar td#next{ text-align:right; }



/*-
*メインコンテンツ
*/
#main{
	width:680px;
	float:right;
	display:inline;
	overflow:hidden;
}

#main .title{
	margin-bottom:15px;
	width:100%;
	height:42px;
	background:url('images/titleBg_01.gif') no-repeat 0 0;
	overflow:hidden;
}

#main .title h2{
	margin:0 0 0 17px;
	line-height:42px;
	font-size:150%;
	font-weight:normal;
	float:left;
	display:inline;
}

#main .title .fr{
	margin:14px 9px 0 0;
	display:inline;
}

#main .main_img{
	margin-bottom:20px;
	width:680px;
	overflow:hidden;
}

#main .main_img img{ display:block; }

#main #main_widget_01{
	margin-bottom:5px;
	width:680px;
	overflow:hidden;
}

#main #main_widget_01 .fl{
	width:330px;
	overflow:hidden;
}

#main #main_widget_01 .fr{
	width:330px;
	overflow:hidden;
}

#main #main_widget_01 .widget-content{
	margin-bottom:10px;
	width:330px;
	overflow:hidden;
}

#main #main_widget_01 .widget-content .textwidget{
	margin:0 20px 15px 10px;
}

#main #main_widget_01 .widget-content ul{
	margin:0 20px 15px 10px;
}

#main #main_widget_01 .widget-content ul li{
	padding:0 5px 5px 16px;
	background:url('images/arrow_03.gif') no-repeat 0 5px;
	word-wrap:break-word;
}




#main #main_widget_02{
	margin-bottom:15px;
	width:680px;
	overflow:hidden;
}

#main #main_widget_02 .widget-content{
	margin-bottom:15px;
	width:680px;
	overflow:hidden;
}

#main #main_widget_02 .widget-content .textwidget{
	margin:0 20px 15px 10px;
}

#main #main_widget_02 .widget-content ul{
	margin:0 20px 15px 10px;
}

#main #main_widget_02 .widget-content ul li{
	padding:0 5px 5px 16px;
	background:url('images/arrow_03.gif') no-repeat 0 5px;
	word-wrap:break-word;
}


#main #news{
	width:680px;
	overflow:hidden;
}

#main #news table{
	width:680px;
	overflow:hidden;
}

#main #news table th{
	padding:10px 0 10px 10px;
	width:110px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	border-bottom:1px dotted #cccccc;
	word-wrap:break-word;
}

#main #news table td{
	padding:10px 0 10px 14px;
	vertical-align:top;
	background:url('images/arrow_03.gif') no-repeat 0 14px;
	border-bottom:1px dotted #cccccc;
	word-wrap:break-word;
}

#main .article{
	width:680px;
	overflow:hidden;
}

#main .article p{
}

#main .article h3{
	margin:0 0 15px 0;
	padding:0 0 9px 0;
	width:680px;
	text-indent:18px;
	font-size:130%;
	font-weight:normal;
	letter-spacing:1px;
	background:url('images/titleBg_02.gif') no-repeat 0 8px;
	border-bottom:1px dotted #cccccc;
}

#main .article h4{
	margin:0 0 16px 0;
	padding:0 0 0 18px;
	font-size:115%;
	font-weight:bolc;
	background:url('images/titleBg_03.gif') no-repeat 3px 6px;
}

#main .article ul{
}

#main .article ul li{
	padding:0 0 0 10px;
	background:url('images/icon_01.gif') no-repeat 0 7px;
	word-wrap:break-word;
}

#main .article table{
	width:680px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border-top:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
}

#main .article table th{
	padding:8px 10px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	background:url('images/tableBg_01.gif');
	border-left:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
	word-wrap:break-word;
}

#main .article table td{
	padding:8px 10px;
	text-align:left:
	vertical-align:top;
	background:#ffffff;
	border-left:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
	word-wrap:break-word;
}

#main .article table.company_tb{
	margin-bottom:25px;
}

#main .article table.company_tb th{
	width:120px;
}

#main .article .update{
	margin-bottom:5px;
	font-size:85%;
	text-align:right;
	letter-spacing:1px;
	color:#666666;
}

#main .article .return{
	padding:0 0 0 16px;
	background:url('images/arrow_04.gif') no-repeat 0 3px;
}

#main .article .paging{
	width:100%;
	overflow:hidden;
}

#main .article .paging li{
	padding:0;
	background:none;
}

#main .article .paging .fl a{
	padding:1px 0 1px 16px;
	background:url('images/arrow_04.gif') no-repeat 0 0;
}

#main .article .paging .fr a{
	padding:1px 16px 1px 0;
	background:url('images/arrow_05.gif') no-repeat right 0;
}

/* スタッフ紹介用 */
#main .article .staff_wrap{
	margin-bottom:15px;
	width:680px;
	overflow:hidden;
}

#main .article .staff_wrap .staff_dl{
	overflow:hidden;
}

#main .article .staff_wrap .staff_dl dt{
	padding:0 0 9px 17px;
	line-height:21px;
	background:url('images/staffBg_01.gif') no-repeat 0 0;
	overflow:hidden;
}

#main .article .staff_wrap .staff_dl dt .name{
	font-size:190%;
}

#main .article .staff_wrap .staff_dl dd{
	padding-top:16px;
	background:url('images/staffBg_02.gif') repeat-x 0 0;
	overflow:hidden;
}

#main .article .staff_wrap .fl{
	margin-right:20px;
	border:1px solid #d8d8d8;
	display:inline;
	clear:both;
}

/* お客様の声用 */
#main .article .voice_wrap{
	margin-bottom:15px;
	width:680px;
	overflow:hidden;
}

#main .article .voice_wrap .voice_dl{
	overflow:hidden;
}

#main .article .voice_wrap .voice_dl dt{
	padding:0 0 4px 17px;
	line-height:21px;
	background:url('images/staffBg_01.gif') no-repeat 0 0;
	overflow:hidden;
}

#main .article .voice_wrap .voice_dl dt .tit{
	line-height:130%;
	font-size:130%;
	font-weight:normal;
}

#main .article .voice_wrap .voice_dl dt .name{
	line-height:130%;
	font-size:90%;
}

#main .article .voice_wrap .voice_dl dd{
	padding-top:16px;
	background:url('images/staffBg_02.gif') repeat-x 0 0;
	overflow:hidden;
}

#main .article .voice_wrap .fl{
	margin-right:20px;
	border:1px solid #d8d8d8;
	display:inline;
	clear:both;
}

/* よくある質問用 */
#main .article .faq_dl{
	margin-bottom:15px;
	width:680px;
	background:#f2f2f2;
	overflow:hidden;

}

#main .article .faq_dl dt{
	padding:13px 15px 14px 47px;
	line-height:110%;
	background:url('images/icon_q.gif') no-repeat 10px 8px;
	border-bottom:1px dotted #b9b9b9;
	overflow:hidden;

}

#main .article .faq_dl dd{
	padding:10px 15px 18px 47px;
	background:url('images/icon_a.gif') no-repeat 10px 8px;
	overflow:hidden;
}


/* WP-Navi用 */
#main .article .wp-pagenavi{
	padding:5px 0;
	width:100%;
	text-align:center;
	overflow:hidden;
}

#main .article .wp-pagenavi a{
	margin:0 3px;
	padding:5px 7px;
	text-decoration:none;
	color:#4c4c4c;
	background:#f5f5f5;
	border:1px solid #b3b3b3;
}

#main .article .wp-pagenavi a:hover{ text-decoration:underline; }

#main .article .wp-pagenavi .current{
	margin:0 3px;
	padding:5px 7px;
}

#main .article .wp-pagenavi span.pages{
	padding:5px 7px;
}

/* Contact Form 7用 */
#main .article .contact-form{
	margin-bottom:20px;
}

#main .article .contact-form .wpcf7-text{
	width:260px;
	height:20px;
	line-height:20px;
	border:1px solid #cccccc;
}

#main .article .contact-form .wpcf7-textarea{
	width:420px;
	height:220px;
	border:1px solid #cccccc;
}


/*-
*ページトップ
*/
#pagetop{
	width:100%;
	background:url('images/pagetopBg_01.gif') repeat-x 0 bottom;
	clear:both;
	overflow:hidden;
}

#pagetop .wrap{
	margin:0 auto;
	width:900px;
	text-align:right;
	overflow:hidden;
}

/*-
*フッター
*/
#footer{
	padding-bottom:15px;
	width:100%;
	background:#e2e2e2;
	clear:both;
	overflow:hidden;
}

#footer a{
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer #footer_menu{
	margin-bottom:12px;
	padding:15px 0 20px 0;
	width:100%;
	background:#ffffff;
	overflow:hidden;
}

#footer #footer_menu ul{
	border-left:1px solid #d7d7d7;
	display:inline;
}

#footer #footer_menu li{
	padding:0 9px 0 10px;
	border-right:1px solid #d7d7d7;
	display:inline;
}

#footer #copyright{
	font-size:85%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.brlink{
min-height:50px;
border-bottom: dotted 1px #999;
clear:both;
padding-bottom:5px;
margin-bottom:5px;
}

.brlink img {
float: left;
padding-right:5px;
}

.table_05	{ 
width:100%;margin:0px 0px 10px 0px;padding:0px;
border-collapse:separate;
border-spacing:1px;
}
.table_05 th	{
width:25%;padding:4px 2px 2px 4px;
text-align:left;vertical-align:top;color:#339966;
background-color:#D8FEDA;
border:1px solid #BBBBBB;
}
.table_05 td	{
padding:4px 2px 2px 4px;
border:1px dotted #999999;
}