@charset "utf-8";

/*******************************
リセットおよび各タグの設定
*******************************/

html,body,div,p,ul,ol,li,dl,dt,dd,pre,h1,h2,h3,h4,h5,h6,table,th,td,form,fieldset,input,textarea,select,img {
    margin:0px;
    padding:0px;
}
body {
    background:#005594;
    color:#333;
    font-size:12px;
    text-align:left;
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka;
    line-height:170%;
}
input,
textarea{
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka;
    font-size:12px;
	color:#333;
}

a {
    color:#005594;
	text-decoration:underline;
    outline:none;
}
a:hover {
	color:#009cdb;
	text-decoration:none;
}

img {
    border:0;
	vertical-align:bottom;
}

h1, h2, h3, h4, h5, h6 {
    font-size:12px;
    line-height:170%;
    font-weight:normal;
}
p {
    line-height:170%;
}
td, th {
    text-align:left;
    vertical-align:top;
}
ul,ol,li {
    list-style:none;
}

/*******************************
余白
*******************************/
.mt_05{
	margin-top:5px;
}

.mt_07{
	margin-top:7px;
}

.mt_10{
	margin-top:10px;
}

.mt_15{
	margin-top:15px;
}

.mt_20{
	margin-top:20px;
}

.mt_25{
	margin-top:25px;
}

.mt_30{
	margin-top:30px;
}

.mt_40{
	margin-top:40px;
}

.mt_50{
	margin-top:50px;
}

.mb_05{
	margin-bottom:5px;
}

.mb_10{
	margin-bottom:10px;
}

.mb_15{
	margin-bottom:15px;
}

.mb_20{
	margin-bottom:20px;
}

.mb_25{
	margin-bottom:25px;
}

.ml_05{
	margin-left:5px;
}

.ml_10{
	margin-left:10px;
}

.ml_15{
	margin-left:15px;
}

.ml_20{
	margin-left:20px;
}

.ml_25{
	margin-left:25px;
}

.ml_30{
	margin-left:30px;
}

.mr_05{
	margin-right:5px;
}

.mr_10{
	margin-right:10px;
}

.mr_15{
	margin-right:15px;
}

.mr_20{
	margin-right:20px;
}

.mr_25{
	margin-right:25px;
}

.mr_30{
	margin-right:30px;
}

.pt_10{
	padding-top:10px;
}

.pb_10{
	padding-bottom:10px;
}

.pb_15{
	padding-bottom:15px;
}

.pb_20{
	padding-bottom:20px;
}

.pr_25{
	padding-right:25px;
}

.pb_30{
	padding-bottom:30px;
}

.pl_73{
	padding-left:73px;
}

/*******************************
配置
*******************************/
.fl{
	float:left;
}

.fr{
	float:right;
}

.center{
	margin-left:auto;
	margin-right:auto;
}

.clear{
	clear:both;
}

.db{
	display:block;
}

.vm{
	vertical-align:middle;
}

.oa{
	overflow:auto;
	_overflow:visible;
	_zoom:1;
}

/*******************************
フォント
*******************************/
.fn{
	font-weight:normal;
}

.fb{
	font-weight:bold;
}

.f_12{
	font-size:12px;
}

.f_14{
	font-size:14px;
}

.f_16{
	font-size:16px;
}

.f_18{
	font-size:18px;
}

.tc{
	text-align:center !important;
}

.tl{
	text-align:left !important;
}

.tr{
	text-align:right !important;
}

.red{
	color:#fc1f1f;
}

.blue{
	color:#009cdb
}

.txt_bolder{
	border-bottom:1px solid #c2c2c7;
	padding:5px 3px;
	display:block;
}

.lh_140{
	line-height:140%;
}

/*******************************
幅
*******************************/
.w_270{
	width:270px;
}

.w_205{
	width:205px;
}

/*******************************
レイアウト
*******************************/
#wrap{
	background:#fff;
}

#top #wrap{
	background:#fff url(/images/login_bg.gif) no-repeat center 0;
}

#header{
	padding:5px 10px;
	height:50px;
	border-bottom:2px solid #005594;
}

#header_inner{
	width:920px;
	padding-left:30px;
	padding-right:10px;
	margin:0 auto;
}

#nav_area{
	width:960px;
	margin:0 auto;
	overflow:auto;
	_overflow:visible;
	_zoom:1;
}

#topic_path {
	width:920px;
	margin:0 auto;
	overflow: hidden;
	position:relative;
	padding-top:12px;
	padding-bottom:20px;
}

#contents{
	width:798px;
	margin:0 auto;
}

#left{
	width:135px;
	float:left;
}

#left_02{
	width:160px;
	float:left;
	padding-right:10px;
}


#right{
	width:641px;
	float:right;
}

#right_02{
	width:624px;
	float:right;
}

#pagetop_bottom{
	width:910px;
	margin:0 auto;
	padding-top:20px;
	clear:both;
	height:35px;
}

#footer{
	clear:both;
	background:url(/common/images/footer_bg.gif) repeat-x 0 0;
	height:78px;
	padding-top:22px;
}

#footer_inner{
	width:915px;
	margin:0 auto;
	padding-left:45px;
}

/*******************************
ヘッダー要素
*******************************/
#site_logo{
	float:left;
	width:111px;
	height:49px;
	margin-right:23px;
}

#company_logo_01{
	float:right;
	width:136px;
	height:39px;
	margin-top:5px;
}

#header_lead{
	margin-top:20px;
	float:left;
}

/*******************************
ナビエリア
*******************************/
#g_nav{
	width:438px;
	float:left;
}

#g_nav li{
	float:left;
	margin-right:2px;
}

#gn_01 a{
	width:144px;
	height:0;
	padding-top:39px;
	overflow:hidden;
	display:block;
	background:url(/common/images/g_nav.gif) no-repeat 0 -39px;
}

#gn_01 a:hover{
	background:url(/common/images/g_nav.gif) no-repeat 0 -78px;
}

#gn_01.select a{
	background:url(/common/images/g_nav.gif) no-repeat 0 0;
}

#gn_02 a{
	width:144px;
	height:0;
	padding-top:39px;
	overflow:hidden;
	display:block;
	background:url(/common/images/g_nav.gif) no-repeat -144px -39px;
}

#gn_02 a:hover{
	background:url(/common/images/g_nav.gif) no-repeat -144px -78px;
}

#gn_02.select a{
	background:url(/common/images/g_nav.gif) no-repeat -144px 0;
}

#gn_03 a{
	width:144px;
	height:0;
	padding-top:39px;
	overflow:hidden;
	display:block;
	background:url(/common/images/g_nav.gif) no-repeat -288px -39px;
}

#gn_03 a:hover{
	background:url(/common/images/g_nav.gif) no-repeat -288px -78px;
}

#gn_03.select a{
	background:url(/common/images/g_nav.gif) no-repeat -288px 0;
}

#nav_area_txt{
	width:430px;
	float:right;
	padding-right:80px;
	padding-top:6px;
}

#logout{
	float:right;
	padding-left:15px;
}

#user_name{
	text-align:right;
	overflow:hidden;
	zoom:1;
}

/*******************************
パンくず
*******************************/
#topic_path li {
    margin: 0 13px 0 -10px;
    float: left;
    line-height: 1.1;
	padding-left:8px;
	background:url(/common/images/topic_path_arrow.gif) no-repeat 0 4px;
}

#topic_path li a,
#topic_path li span{
	margin: 0 0.5em;
	font-size:12px;
}

/*******************************
リスト
*******************************/
.list_01 li{
	background:url(/common/images/icon_03.gif) no-repeat 0 center;
	padding-left:20px;
}

.list_02 li{
	background:url(/common/images/icon_02.gif) no-repeat 0 center;
	padding-left:55px;
	height:46px;
	line-height:46px;
}

.list_03 li{
	background:url(/common/images/icon_01.gif) no-repeat 0 center;
	padding-left:55px;
	height:46px;
	line-height:46px;
}

.list_04 li{
	background:url(/common/images/icon_01.gif) no-repeat 0 center;
	padding-left:55px;
	padding-bottom:5px;
	_zoom:1;
}

/*******************************
セールス一覧
*******************************/

.sales{}

.sales_in{
	overflow:auto;
	clear:both;
}

.sales_in div{
	float:left;
	width:200px;
}

.sales_in div.w_230{
	width:230px;
}

.sales_in h3{
	font-size:20px;
}

/*******************************
セールスNEW
*******************************/

.sales_new_in_01{
	overflow:auto;
}

.sales_new_in_01 h3,
.sales_new_in_02 h3{
	float:left;
	font-size:20px;
	padding-right:30px;
}

.sales_new_in_01 p{
	float:left;
	font-size:20px;
}

.sales_new_in_01 ul,
.sales_new_in_02 ul{
	clear:both;
	overflow:auto;
}

.sales_new_in_01 li{
	float:left;
	padding-right:40px;
}

.sales_new_in_02 ul{
	clear:both;
	overflow:auto;
	padding-top:10px;
}

.sales_new_in_02 .border_top{
	border-top:#000 solid 1px;
}

.sales_new_in_02 li{
	float:left;
	padding-right:50px;
}

.sales_new_in_02 p{
	text-align:center;
}

/*******************************
セールス一覧,NEW、メニュー
*******************************/

.navi li{
	font-size:14px;
	line-height:1.8;
}

/*******************************
ボックス
*******************************/
.box_01{
	width:798px;
	background:url(/common/images/box_01_bg_bottom.gif) no-repeat 0 bottom;
	overflow:auto;
	_overflow:visible;
	_zoom:1;
}

.box_01_inner{
	width:798px;
	position:relative;
	background:url(/common/images/box_01_bg_header.gif) no-repeat 21px 0;
	overflow:auto;
	_overflow:visible;
	_zoom:1;
	padding-top:31px
}

.box_01 h2{
	margin-top:-31px;
	width:135px;
	float:left
}

.box_01_main{
	width:625px;
	float:right;
	padding:15px 15px 15px 0;
}

.box_01 .link_btn{
	float:right;
	margin-top:-31px;
}

.box_02{
	padding-bottom:17px;
	border-bottom:1px solid #c2c2c7;
}

.box_03{
	position:relative;
	behavior:url(/common/htc/pie.htc);
	_zoom:1;
	background:#e9e9eb;
	border-radius: 0 20px 0 20px / 0 20px 0 20px;
	padding:16px 10px 16px 20px;
	width:188px;
}

.box_01{
	width:798px;
	
	overflow:auto;
	_overflow:visible;
	_zoom:1;
}

.box_04{
	background:url(/common/images/box_04_bg_bottom.gif) no-repeat 0 bottom;
	padding:0 0 18px 0;
	width:641px;
}

.box_04_inner{
	width:605px;
	background:url(/common/images/box_04_bg_header.gif) no-repeat 0 0;
	padding:10px 18px 0 18px;
}

.box_05{
	padding-top:15px;
	border-top:1px solid #c2c2c7;
}

/*******************************
お知らせ一覧
*******************************/
.news_list dt{
	float:left;
	width:6.5em;
	padding-right:1em;
	clear:both;
	display:block;
}

.news_list dd{
	overflow:hidden;
	_zoom:1;
}
/*******************************
見出し
*******************************/
.title_line{
	padding:42px 0 47px 0;
	border-bottom:1px solid #c2c2c7;
	font-size:18px;
	color:#009cdb;
	font-weight:bold;
}

.title_line_small{
	padding:38px 0 43px 0;
	border-bottom:1px solid #c2c2c7;
	font-size:14px;
	color:#009cdb;
	font-weight:bold;
	line-height:140%;
}

.title_line_small_02{
	padding:38px 0 10px 0;
	border-bottom:1px solid #c2c2c7;
	font-size:14px;
	color:#009cdb;
	font-weight:bold;
	line-height:140%;
}

.title_orange{
	color:#f69626;
	font-size:14px;
	font-weight:bold;
}

.title_blue_dot{
	color:#009cdb;
	font-size:14px;
	font-weight:bold;
	background:url(/common/images/dot_01.gif) repeat-x 0 bottom;
	padding-bottom:5px;
}

/*******************************
ページトップ
*******************************/
.pagetop{
	clear:both;
	height:18px;
}

.pagetop a{
	width:107px;
	height:0;
	padding:18px 0 0 0;
	background:url(/common/images/footer_pagetop.gif) no-repeat 0 0;
	display:block;
	overflow:hidden;
	float:right;
}

.pagetop a:hover{
	background:url(/common/images/footer_pagetop.gif) no-repeat 0 -18px;
}

#pagetop_bottom a{
	width:107px;
	height:0;
	padding:18px 0 0 0;
	background:url(/common/images/footer_pagetop.gif) no-repeat 0 0;
	display:block;
	overflow:hidden;
	float:right;
}

#pagetop_bottom a:hover{
	background:url(/common/images/footer_pagetop.gif) no-repeat 0 -18px;
}

/*******************************
フッター要素
*******************************/
#company_logo_02{
	margin-top:3px;
	float:left;
}

#footer_link{
	width:745px;
	float:right;
	background:url(/common/images/footer_list_line.gif) no-repeat 0 center;
}

#footer_link li{
	float:left;
	background:url(/common/images/footer_list_line.gif) no-repeat right center;
	padding-right:20px;
	padding-left:20px;
}

#footer_link a{
	white-space:nowrap;
	color:#fff;
	text-decoration:underline;
}

#footer_link a:hover{
	text-decoration:none;
	color:#fff;
}

address{
	width:745px;
	float:right;
	color:#fff;
	font-style:normal;
}

address a{
	color:#fff;
	text-decoration:underline;
}

address a:hover{
	color:#fff;
	text-decoration:none;
}