/* CSS Document */


/* 
===================================
===== ０.フォーマット =============
=================================== */
html{height:100%;}

form,
h1,h2,h3,h4,h5,h6,
p,ul,li,input,
dl,dt,dd,textarea{
	margin:0;
	padding:0;
}


li{
	margin: 0px;
	padding: 0px;
	list-style:none;
}


img{
	border:none;
}


body{
	padding:0;
	height:100%;
	text-align:center;
	background-color:#FFFFFF;
	color:#434343;
	font-size:80%;
	line-height:1.66;
}

table{
	font-size:100%;
}

a:active {
	color: #3e578b;
	text-decoration: underline;
}


a:link {
	text-decoration: none;
	color:#3e578b;
}

a:visited {
	text-decoration: none;
	color:#3e578b;
}

a:hover {
	color:#3e578b;
	text-decoration: underline;
}




br {
	letter-spacing: normal;
}


address, em{
	font-style:normal;
}	
		

br.clear {
	clear: both;
	display: block;
	line-height: 0px;
	margin:0;
	padding:0;
	}
	

/* 
===== 共通カテゴリ ==================
=====================================
=======================*/


#column3_title_middle{
	width:598px;
	margin: 0 0 0 0;
	height:auto;
	background-color:#ebebeb;
	border:solid 1px #cccccc;
	font-weight:bold;
	font-size:100%;
	color:#3e578b;
	letter-spacing:2;
}

#column3_title_middle p{
	margin:2px 0 1px 23px;
	font-weight:bold;
}



/* 
===================================
=====  コンテンツ ================
=================================== */

#cmn_contents {
 	width:850px;
	margin:0;
	height:100%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}



/* 
===================================
======== ヘッダー =================
=================================== */


/* 
===== logo_三喜ロゴ ===============*/

#cmn_logo_sanki{
	float:left;
	width:159px;
	margin-right:26px;
}

/* 
===== header_全体 ===============*/

#cmn_header{
	text-align:left;
	width:850px;
	margin-top:5px;
	margin-bottom:10px;
	padding:0;
	float:left;
	line-height:1.66;
}

#cmn_header p{
	padding:5px 40px 5px 40px;
	font-size:90%;
}

#cmn_cat_header{
	width:850px;
	margin-top:5px;
	margin-bottom:10px;
	padding:0;
	float:left;
}

/* 
===== ナビ ===============*/

#navi{
	padding:0;
}	


/* 
===================================
=== グローバルナビゲーション ======
=================================== */
#cmn_navi_global {
	float:left;
	width:665px;
	height:28px;
}

#cmn_navi_global ul{
	margin:0;
	padding:0;
	list-style:none;
}

#g_navi01, #g_navi01 a {
	float:left;
	display:block;
	width:95px;
	height:28px;
	background-image:url(images/common/g_navi01.jpg);
	background-repeat: no-repeat;
	text-indent:-9999px;
	outline:none;
	text-decoration:none;
}

#g_navi02, #g_navi02 a {
	float:left;
	display:block;
	width:95px;
	height:28px;
	background-image:url(images/common/g_navi02.jpg);
	background-repeat: no-repeat;
	text-indent:-9999px;
	outline:none;
	text-decoration:none;
}

#g_navi03, #g_navi03 a {
	float:left;
	display:block;
	width:95px;
	height:28px;
	background-image:url(images/common/g_navi03.jpg);
	background-repeat: no-repeat;
	text-indent:-9999px;
	outline:none;
	text-decoration:none;
}

#g_navi04, #g_navi04 a {
	float:left;
	display:block;
	width:95px;
	height:28px;
	background-image:url(images/common/g_navi04.jpg);
	background-repeat: no-repeat;
	text-indent:-9999px;
	outline:none;
	text-decoration:none;
}

#g_navi05, #g_navi05 a {
	float:left;
	display:block;
	width:95px;
	height:28px;
	background-image:url(images/common/g_navi05.jpg);
	background-repeat: no-repeat;
	text-indent:-9999px;
	outline:none;
	text-decoration:none;
}

#g_navi06, #g_navi06 a {
	float:left;
	display:block;
	width:95px;
	height:28px;
	background-image:url(images/common/g_navi06.jpg);
	background-repeat: no-repeat;
	text-indent:-9999px;
	outline:none;
	text-decoration:none;
}

#g_navi07, #g_navi07 a {
	float:left;
	display:block;
	width:95px;
	height:28px;
	background-image:url(images/common/g_navi07.jpg);
	background-repeat: no-repeat;
	text-indent:-9999px;
	outline:none;
	text-decoration:none;
}

/*　各項目ごとの表示内容、マウスオーバー時の表示内容の指定をします　 */
#cmn_navi_global li a{background-position:0 0}
#cmn_navi_global li a:hover {background-position:0 -28px}

/*　現在表示ページのときの表示内容を指定します　 */
body#global_menu_top #g_navi01 a.on  {background-position:0px -28px}	
body#global_menu_business #g_navi02 a.on  {background-position:0px -28px}
body#global_menu_catalogue #g_navi03 a.on  {background-position:0px -28px}
body#global_menu_web #g_navi04 a.on  {background-position:0px -28px}
body#global_menu_profile #g_navi05 a.on  {background-position:0px -28px}
body#global_menu_job #g_navi06 a.on  {background-position:0px -28px}
body#global_menu_navi #g_navi07 a.on  {background-position:0px -28px}




/* 
===================================
=====  top_左カラム ===============
=================================== */

#cmn_left{
	width:630px;
	margin-right:10px;
	padding:0;
	float:left;
}

#cmn_info{
	width:850px;
	margin-right:10px;
	padding:0;
	float:left;
}


.cmn_component_box{
	width:625px;
	height:auto;
	margin-bottom:7px;
	padding:0;
}

.cmn_component_l_img{
	width:203px;
	border-right: solid 1px #434343;
	border-left: solid 1px #434343;
	border-top: solid 1px #434343;
	height:auto;
	margin:0px;
	padding:0;
	text-align:center;
}


.cmn_component_l_title{
	height:auto;
	width:203px;
	margin:0;
	padding:0;
	background-color:#e9ecf1;
	border-right: solid 1px ;	
	border-top: solid 1px #434343;
	border-left: solid 1px #434343;
	border-right: solid 1px #434343;
}

.cmn_component_l_title p {
	margin:0;
	padding:3px 0 1px 10px;
	color:#;
	font-weight:bold;
	font-size:110%;
	text-align:center;
}


.cmn_component_l_read{
	border-right: solid 1px #434343;
	border-left: solid 1px #434343;
	border-top: solid 1px #434343;
	font-size:90%;
	vertical-align:top;
}

.cmn_component_l_read p{
	height:auto;
	padding:5px 10px 0 10px;
	text-align:left;
	color:#3e578b;
	font-size:90%;
}

.cmn_component_l_btn{
	border-right: solid 1px #434343;
	border-left: solid 1px #434343;
	border-bottom: solid 1px #434343;
	height:auto;
	margin:0;
	padding:2px 5px 5px 5px;
	text-align:right;
}

.basic_component1_titletop{
	width:625px;
	height:auto;
	background-color:#CEEFE8;
	border:solid 1px #9DD1C1;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	font-size:120%;
	color:#1A3959;
	text-align:left;
}

.basic_component1_titletop p{
	padding:3px 3px 3px 20px;
}

.basic_component1_title{
	width:625px;
	height:auto;
	background-color:#ebebeb;
	border:solid 1px #cccccc;
	margin:10px 0px;
	font-weight:bold;
	font-size:120%;
	color:#3e578b;
	text-align:left;
}

.basic_component1_title p{
	padding:3px 3px 3px 20px;
}

.basic_component1_read {
vertical-align:top;
font-size:100%;
margin-bottom:20px;
}

.basic_component1_read p{
	padding:3px 3px 3px 20px;
	text-align:left;
}

/* ページトップアンカー */

.pagetop{
	background-image:url(./images/common/pointer02.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:15px;
	float:right;	
}


/* 新着情報 */

.new_info {
	width:625px;
	margin: 0 0 0 0;
	height:auto;
	background-color:#fff;
	border:solid 1px #cccccc;
	font-weight:bold;
	font-size:100%;
	color:#3e578b;
	letter-spacing:2;
	background-image:url(images/common/right_menu_title.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	
}


.info {
	width:850px;
	margin: 0 0 0 0;
	height:auto;
	background-color:#fff;
	border:solid 1px #cccccc;
	font-weight:bold;
	font-size:100%;
	color:#3e578b;
	letter-spacing:2;
	background-image:url(images/common/right_menu_title.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	
}



.new_info p{
	margin:2px 0 1px 23px;
	font-weight:bold;
}

.new_info_read {
	width:625px;
	height:140px;
	border-right:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	overflow:auto;
	vertical-align:top;
	font-size:90%;
	margin-bottom:20px;
	color:#6d6d6d;
}

.new_info_read p{
	padding:3px 3px 3px 20px;
	text-align:left;
}

.new_info_read a {
	color:#20a785;
}	

/* webpageバナー */

.web_banner_img{
	width:625px;
	height:auto;
	margin-bottom:10px;
	padding:0;
}


.web_banner_box{
	width:625px;
	height:auto;
	margin-bottom:20px;
	margin-top:7px;
	padding:0;
}


/* 
===================================
=====  top_右カラム ===============
=================================== */

#cmn_right{
	width:200px;
	margin-left:10;
	padding:0;
	float:left;
}




/* 
==== ローカルナビゲーション  ===*/

.right_component_title {
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	width:204px;
	height:auto;
	padding:0px;
	margin:0;
	font-size:110%;
	font-weight:bold;
	color:#666666;
	text-align:left;
	overflow:inherit;
	background-image:url(images/common/right_menu_title.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.right_component_title p{
	width:199px;
	padding:6px 0px 3px 5px;
}


.component_list_box {
}
.component_list_a {
	width:204px;
	height:auto;
	padding:7px 0 10px 0;
	text-align:left;
	overflow:inherit;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}

#component_list_a ul {
	margin-bottom: 30px;
	padding: 0;
	list-style:none;
}	

.component_list_a li {
	color: #000000;
	padding:0 10px 0 20px;
	font-size:90%;
	line-height:190%;
	background-image: url(./images/common/pointer03.gif);
	background-repeat: no-repeat;
	background-position:11px 6px;
}


p.component_list_ap  {
	margin:0 10 0px 12px;
}

.component_list_b {
	width:204px;
	height:auto;
	padding:2px 0 10px 0;
	text-align:left;
	overflow:inherit;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	
}

#component_list_b ul {
	margin: 0;
	padding: 0;
	list-style:none;

}	

.component_list_b li {
	color: #000000;
	padding:0 10px 0 20px;
	font-size:90%;
	line-height:190%;
	background-image: url(./images/common/pointer03.gif);
	background-repeat: no-repeat;
	background-position:11px 6px;
}

.component_list_end {
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;

	border-bottom:solid 1px #CCCCCC;
	background-color:#F6F6F6;
	width:204px;
	height:auto;
	
	text-align:right;
	overflow:inherit;
}

.component_list_title{
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	width:204px;
	height:auto;
	text-align:left;
	overflow:inherit;
	padding-top:5px;
	font-weight:bold;
	color:#4BB0E0;
}
.component_list_title p{
	padding-left:15px;
}



/* 
==== 　　バナー　　　  ===*/

.component_list_imgtop {
	width:auto;
	padding:10px 0 5px 0px;
}

.component_list_img {
	width:auto;
	padding:5px 0 5px 0px;
}


/* 
===================================
===== サイトマップ ================
=================================== */

#column1_sitemap_container{
	width:630px;
	height:auto;
	margin-top:10px;
}

#column1_sitemap_left{
	float:left;
	width:285px;
	height:auto;
}

#column1_sitemap_center{
	float:left;
	width:285px;
	height:auto;
	margin-left:20px;
}

#column1_sitemap_right{
	float:left;
	width:285px;
	height:auto;
	margin-left:20px;
}

.column1_sitemap_categorytitle{
	background-color:#EAF7F5;
	border:solid 1px #BFDDDD;
	width:285px;
}


.sitemap_categorytitle_left{

	float:left;
	margin:4px 7px 2px 5px;
	font-weight:bold;
	color:#203534;
}

.sitemap_categorytitle_left a{
text-decoration:underline;
}

.sitemap_categorytitle_right{
	float:right;
	margin:3px 3px 2px 1px;
}

.sitemap_categorytitle_right img{
	vertical-align:middle;

}


.column1_title_small{
	float:left;
	width:285px;
	height:auto;
	background-image:url(images/common/pointer03.gif);
	background-repeat:no-repeat;
	background-position:0 center;
}

.column1_title_small a{
text-decoration:underline;}


.column1_title_small p{
	margin:2px 0 1px 15px;

}

.column1_title_small2{
	float:left;
	width:285px;
	height:auto;
	background-repeat:no-repeat;
	background-position:0 center;
}

.column1_title_small2 a{
text-decoration:underline;}


.column1_title_small2 p{
	margin:2px 0 1px 3px;
	font-weight:bold;
	color:#3e578b;

}


ul.sitemap_contentsname{
	margin:5px 0px 20px 12px;
}

ul.sitemap_contentsname li{
	margin-top:0.3em;
}


/* 
===================================
========   フッタ =================
=================================== */

#cmn_footer {
	clear:both;
	width:850px;
	height:50px;
		
}

/* 
===== footer_ページトップアンカー ====*/

#cmn_pagetop{
	margin-top:12px;
	margin-bottom:27px;
	background-image:url(./images/common/pointer02.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:15px;
	float:right;	
}


/*
===== footer_フッタリンク色指定 =====*/

#cmn_pagetop a:visited {
	text-decoration: none;
	color: #000000;
}

#cmn_pagetop a:hover {
	color: #0088FF;
	text-decoration: underline;
}

/* 
===== footer_フッタリンク ==========*/

#cmn_navi_footer {
	clear:both;
	width:850px;
	height:15px;
	margin:0;
	padding-top:5px;
	float:right;
	border-top: solid 1px #CCCCCC;
}

#cmn_navi_footer ul {
	margin:0;
	padding:0;
	list-style:none;
}

#cmn_navi_footer li {
	display:inline;
	margin:0;
	padding:0;
	float:left;	
}

#cmn_navi_footer li a{
	display:block;
	color:#000000;
	text-decoration:none;
}	

#cmn_navi_footer li.first {
	padding: 0px 6px 0px 6px;
	border-right: solid 1px #666666;
	border-left: solid 1px #666666;
}	

#cmn_navi_footer li.line {
	padding: 0px 6px 0px 6px;
	border-right: solid 1px #666666;
}	
	
#cmn_navi_footer li.end {
	padding: 0px 6px 0px 6px;
	border-right: solid 1px #666666;
}	

/* 
===== footer_フッタリンク色指定 =====*/

#cmn_navi_footer a:visited {
	text-decoration: none;
	color: #000000;
}

#cmn_navi_footer a:hover {
	color: #0088FF;
	text-decoration: underline;
}


#cmn_copyright {
	width:850px;
	height:33px;
	margin-bottom:5px;
	margin-top:5px;
}

/* 
===== 印刷用 =====*/

@media print{
#cmn_right{
	text-align:left;
	width:190px;
	margin-left:9px;
	padding:0;
	float:left;
}
}