/***********************************************/
/* CSS file For  */
/* FileName: style.css                         */
/* lastupdata:2009/3/11                       */
/***********************************************/
/*
■目次 ==========================================

[01]:ブラウザスタイル初期化
[02]:ページの基本構造
[03]:大枠レイアウト
[04]:ヘッダー
[05]:フッター
[06]:メインコンテンツ
[07]:ナビゲーション
[08]:パンくず
[09]:カテゴリー
[10]:

================================================
*/
@import "styles_navi.css";


/* [01]:ブラウザスタイル初期化 */
/* ------------------------------------------------------------------------- */

	html {
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	h1,h2,h3,h4,h5,h6,p,pre,blockquote,ol,dl,dd {
		margin: 0px;
		padding: 0px;
	}

	img {
		border: none;
		vertical-align: top;
	}

	br {
		letter-spacing: normal;
	}

	form,fieldset {
		margin: 0px;
		padding: 0px;
	}

	fieldset {
		border: none;
	}



/* [02]:ページの基本構造 */
/* ------------------------------------------------------------------------- */

	blockquote {
		padding: 5px;
		font-size: 12px;
		line-height: 18px;
		color: #FC758E;
	}

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

	li {
		border: none;
		vertical-align: top;
		padding: 0px;
		margin: 0px;
	}

	hr {
		color: #CCCCCC;
		height: 1px;
		border: 0px;
	}

	.e9, .e10, .e12, .e14 {
		font-family : "Tahoma","Verdana", "Arial", "sans-serif";
	}

	.j9, .j10, .j12, .j14 {
		font-family: "ＭＳＰ ゴシック", "Osaka", "MS UI Gothic", "sans-serif";
	}

	A:link    {color:#0000FF; text-decoration:underline;}
	A:visited {color:#0000FF; text-decoration:underline;}
	A:hover   {color:#0000FF; text-decoration:underline;}


/* [03]:大枠レイアウト */
/* ------------------------------------------------------------------------- */

	body {

	color:#333;
	font-family: "ＭＳＰ ゴシック", "Osaka", "MS UI Gothic", "sans-serif";
	margin: 0;
	padding: 0;
	background: url(imgs/main/body_bg.gif) repeat;
	}

	#container {
	width: 870px;
	margin: 0 auto;
	background-image: url(imgs/main/container_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	}

	#container_in {
	width: 850px;
	margin: 0 auto;
	text-align: left;

	}

	#container a:link,a:visited{
 	}

	#container a:hover{
	color: #FF6600;
 	}



/* [04]:ヘッダー */
/* ------------------------------------------------------------------------- */
	#header_area {
	background: url(imgs/main/head_bg.jpg) no-repeat right;
	text-align: left;
	height: 56px;
	margin: 0 0 0 0px;
	width: 850px;
	padding: 0px;
	}


	#header_area_left{
	float: left;
	padding: 0px;
	height: 56px;
	width: 250px;
	}

	#header_area_right{
	float: right;
	padding-top: 10px;
	text-align: left;
	padding-right: 35px;
	width: 500px;
	}
	
	#header_area_right p{
	font-size: 10px;
	line-height: 150%;
	color: #333333;
	text-align: left;
	}


/* [06]:グローバルナビ*/
/* ------------------------------------------------------------------------- */

#gn_area {
	width: 850px;
	height: 72px;
	margin: 0px;
	padding: 0px;
}

#gn_area_head{
	background: url(imgs/main/gn_head.jpg) no-repeat;
	height: 10px;
	width: 850px;
	margin: 0px;
	padding: 0px;
	}
#gn_area_foot{
	background: url(imgs/main/gn_bottom.jpg) no-repeat;
	height: 10px;
	width: 850px;
	margin: 0px;
	padding: 0px;
	}
}
#gn_area ul {
	margin: 0px;
	padding: 0px;
	width: 100%;

}

#gn_area li {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 54px;
}

/* [06]:メイン画像*/
/* ------------------------------------------------------------------------- */

#topimg_area {
	padding: 0px;
	height: 280px;
	width: 850px;
	margin: 0px;

}

#topimg_area_img {
	width: 640px;
	margin: 0px;
	padding: 0px;
	height: 280px;
	float: left;
}


/* [06]:シーンエリア*/
/* ------------------------------------------------------------------------- */

#scean_area {
	background: url(imgs/main/top_scean_bg.jpg) repeat-x;
	height: 145px;
	width: 190px;
	margin: 0px;
	padding: 0px;
}
#scean_area td{
padding: 6px 3px 3px 10px;

}
#scean_area p{
	font-size: 10px;
	line-height: 140%;
	padding-left: 3px;

}
#scean_area .title{
	font-size: 12px;
	padding: 0px;
	line-height: 140%;
	font-weight: bold;
}

/* [06]:コンテンツフレーム*/
/* ------------------------------------------------------------------------- */

#wrapper{
	text-align: left;
	clear : both
}

#left_left_area{
	width: 190px;
	float: left;
}
#left_area{
	width: 420px;
	float: left;
}
#left_area2{
	width: 620px;
	float: left;
	text-align: right;
}
#left_area2_in{
	padding:0px;
	width: 600px;
	text-align: left;
	margin: 0px auto;
}

#right_area{
	width: 220px;
	float: right;
}
#right_area_in{
	padding: 5px;
}

/* [06]:左サイド*/
/* ------------------------------------------------------------------------- */

#left_left_area_in {
 padding:0px 0px 3px 10px;
}	

#left_left_area p{
 padding:3px 8px 3px 8px;
 line-height: 140%;
 font-size: 85%;
}	




/* [06]:メインコンテンツ*/
/* ------------------------------------------------------------------------- */
	#main_entry {
		padding:0px;
	}

	#main_entry h1,h2{
	font-size: 100%;
	line-height: 150%;
	background: url(imgs/entry_title_bar.jpg) no-repeat;
	padding-top: 13px;
	padding-left: 20px;
	padding-bottom: 15px;
	font-weight: bold;
	margin-top: 10px;
	}
	#main_entry h3,h4{
	font-size: 100%;
	line-height: 150%;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 15px;
	font-weight: bold;

	}

	#main_entry p{
	font-size: 80%;
	line-height: 160%;
	margin: 0px;
	padding: 0px 0px 0px 20px;
/*	padding: 0px 10px 0px 20px;*/
	}
	#main_entry li{
	font-size: 80%;
	line-height: 160%;
	color: #000000;
	padding-left: 20px;
	list-style: square outside;
	}
	#main_entry td{

	}
	.cap12{
	font-size: 12px;
	line-height: 130%;
	}
	.cap12p10{
	font-size: 12px;
	line-height: 150%;
	padding: 10px;
	}
	.cap10{
	font-size: 10px;
	line-height: 130%;
	}

 #main_entry .table-pad20{
	margin-left: 20px;
	}
 #main_entry .link-white{
		color: #FFFFFF;
	}
A:link .link-white {
		color: #FFFFFF;
	}
.link-white A:visited{
		color: #FFFFFF;
	}

/* [06]:右サイド－メニューリスト*/
/* ------------------------------------------------------------------------- */


	#right_menulist{
	}
	#right_menulist ul{
	margin: 5px 5px 5px 15px;
	}
	#right_menulist li{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 12px;
	line-height: 130%;
	color: #333333;

	}
	#right_menulist a{

	}

	#right_menulist_head {
	background: url(imgs/main/right_menulist.jpg) no-repeat center;
	height: 39px;
	width: 207px;
	}
	#right_menulist_body {
	background: url(imgs/main/right_menulist_body.jpg) repeat-y center;
	width: 207px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
	#right_menulist_foot {
	background: url(imgs/main/right_menulist_foot.jpg) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 207px;
	}
	
/* [06]:右サイド－男のたしなみ*/
/* ------------------------------------------------------------------------- */

	.right_menu_head {
	background: url(imgs/main/side_top.jpg) no-repeat center;
	height: 41px;
	width: 207px;
	}
	.right_menu_body {
	background: url(imgs/main/side_body.jpg) repeat-y center;
	width: 207px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
	.right_menu_body p{
	padding: 5px 15px 5px 15px;
	font-size: 90%;
	line-height: 140%;
	}
	.right_menu_foot {
	background: url(imgs/main/side_bottom.jpg) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	height: 13px;
	width: 207px;
	}
	


/* [05]:フッター */
/* ------------------------------------------------------------------------- */

	#footer {
		width: 850px;
		text-align:center;
		clear : both
 	}
	#footer_wrapper {
	padding: 0px;
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
 	}
	#footer p{
　　font-size: 12px;
	line-height: 140%;
 	}
	#footer a:link,a:visited{
	color: #666666;
 	}

	#footer a:hover{
	color: #FF6600;
 	}

	#copyright{
	font-size: 10px;
	line-height: normal;
	text-align: center;
	padding: 15px 10px 10px;
	background: url(imgs/footer_bar2.jpg) no-repeat top;
 	}

/* [08]:パンくず */
/* ------------------------------------------------------------------------- */
	#topicpath {
		font-size: 80%;
		line-height: 150%;
		padding: 10px 10px 5px 20px;
	}

　.midashi {
	padding: 7px 20px 7px 430px;
	text-align: right;
	}

/* [0X]:メニューリスト */
/* ------------------------------------------------------------------------- */


ul.tree {
    margin: 0 0 40px 50px;
    padding: 0;
    font-size: 12px;
    list-style: none;
    list-style-position: outside;
}
ul.tree ul {
    margin: 0;
    padding: 0;
}
ul.tree li {
    margin: 0 0 10px 0;
    padding: 0 0 0 17px;
    background: url(親カテゴリーのリスト画像ファイル) no-repeat 2px 0.5em;
    list-style: none;
    list-style-position: outside;
}
ul.tree li li {
    margin: 0;
    padding: 0 0 0 17px;
    background: url(tree_lst_solid.gif) no-repeat 6px 0;
    list-style: none;
    list-style-position: outside;
}
ul.tree li li.tree_end {
    background: url(tree_end_solid.gif) no-repeat 6px 0;
    list-style: none;
    list-style-position: outside;
    list-style: none;
}

/* [0X]:会社概要 */
/* ------------------------------------------------------------------------- */

.table-td-line{

}

/* [0X]:共通 */
/* ------------------------------------------------------------------------- */

  .page_top{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	height: 30px;
	text-align: right;
	}

  .qa_line{

	margin: 0px 10px 0px 20px;
	padding: 0px;
	background: url(http://www.charter-cruiser.com/imgs/common/under_line.gif) repeat-x left center;
	height: 15px;
	}
.under_arrow {
	background: url(http://www.charter-cruiser.com/imgs/flow/under_arrow.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}
.img_left {
	margin: 10px;
	float: left;
}

.tree{
   font-size: 12px;
}