@charset "UTF-8";



/*===================================================
	レイアウト
=====================================================*/



/* ======== Common ===================== */

#Head{
	width: 775px;
	margin: 0 auto;
	background-color: #FFF;
}
#Foot {
	clear:both;
	width:775px;
	border-top:solid 1px #999999;
	padding:5px 0 10px 0;
	background:#fff;
}
	body#TOP #ALL {
		background:url(img/back.gif) repeat-y top center;
		margin: 0 auto ;
		width:775px;
		padding:0 42px;
	}
	body#CONT #ALL {
		background:url(img/back-cont.gif) repeat-y top center;
		margin: 0 auto ;
		width:775px;
		padding:0 42px;
	}
	
#credit {
	padding: 15px 0 15px 0;
}


	
/* ======== index.html ===================== */


body#TOP #Navi {
	width:775px;
}
body#TOP #Main {
	float:left;
	width:550px;
	padding-right:30px;
	text-align:left;
	margin:10px 0 30px 0;
}
body#TOP #Side {
	float:right;
	width:195px;
	text-align:left;
	margin:10px 0 30px 0;
}

/* ======== Normal ===================== */

/*  
body#CONT{
	background:url(img/cont-back.gif) repeat-y center top;
}*/


body#CONT #Navi {
	float:left;
	width:195px;
	text-align:left;
	margin:10px 0 30px 0;
}
body#CONT #Main {
	float:right;
	width:550px;
	padding-left:30px;
	text-align:left;
	margin:10px 0 30px 0;
}



/*===================================================
	#Head　ヘッダー
=====================================================

	トップページ */
	
#Head h1 a {
	background:url(img/head-logo.gif) no-repeat left center;
	display:block;
	padding:0 0 60px 0;
	width:416px;
	height:64px;
	background-color: #FFF;
	float:left;
}
#Head p {
	width:359px;
	float:right;
	padding:0 0 15px 0;
	text-align:right;
}
#Flash {
	clear:both;
}

/*-----------------------
	2階層目以降 */
	
#Header {
	clear:both;
}

/*===================================================
	#Navi　ナビ
=====================================================

	トップページ */

body#TOP #Navi li {
	float:left;
}
body#TOP #Navi a {
	display:block;
	height:63px;
}
/* ボタン */
body#TOP #Navi li.n01 a:link,
body#TOP #Navi li.n01 a:visited {
	background:url(img/index-navi01.jpg) no-repeat center center;
	width:195px;
}
body#TOP #Navi li.n02 a:link,
body#TOP #Navi li.n02 a:visited {
	background:url(img/index-navi02.jpg) no-repeat center center;
	width:193px;
}
body#TOP #Navi li.n03 a:link,
body#TOP #Navi li.n03 a:visited {
	background:url(img/index-navi03.jpg) no-repeat center center;
	width:193px;
}
body#TOP #Navi li.n04 a:link,
body#TOP #Navi li.n04 a:visited {
	background:url(img/index-navi04.jpg) no-repeat center center;
	width:194px;
}
/* ---- */
body#TOP #Navi li.n01,
body#TOP #Navi li.n01 a:hover {
	background:url(img/index-navi01ov.jpg) no-repeat center center;
	width:195px;
}
body#TOP #Navi li.n02,
body#TOP #Navi li.n02 a:hover {
	background:url(img/index-navi02ov.jpg) no-repeat center center;
	width:193px;
}
body#TOP #Navi li.n03,
body#TOP #Navi li.n03 a:hover {
	background:url(img/index-navi03ov.jpg) no-repeat center center;
	width:193px;
}
body#TOP #Navi li.n04,
body#TOP #Navi li.n04 a:hover {
	background:url(img/index-navi04ov.jpg) no-repeat center center;
	width:194px;
}

/*-----------------------
	2階層目以降 */
	
body#CONT #Navi li {
	margin-bottom:10px;
}

/* ボタン */
body#CONT #Navi p.n01 a,
body#CONT #Navi p.n02 a,
body#CONT #Navi p.n03 a,
body#CONT #Navi p.n04 a,
body#CONT #Navi p.n01,
body#CONT #Navi p.n02,
body#CONT #Navi p.n03,
body#CONT #Navi p.n04 {
	display:block;
	height:59px;
	width:195px;
}
/* ---- */
body#CONT #Navi p.n01 a:link,
body#CONT #Navi p.n01 a:visited {
	background:url(img/navi01.jpg) no-repeat center top;
}
body#CONT #Navi p.n02 a:link,
body#CONT #Navi p.n02 a:visited {
	background:url(img/navi02.jpg) no-repeat center top;
}
body#CONT #Navi p.n03 a:link,
body#CONT #Navi p.n03 a:visited {
	background:url(img/navi03.jpg) no-repeat center top;
}
body#CONT #Navi p.n04 a:link,
body#CONT #Navi p.n04 a:visited {
	background:url(img/navi04.jpg) no-repeat center top;
}
/* ---- */
body#CONT #Navi p.n01,
body#CONT #Navi p.n01 a:hover {
	background:url(img/navi01ov.jpg) no-repeat center top;
}
body#CONT #Navi p.n02,
body#CONT #Navi p.n02 a:hover {
	background:url(img/navi02ov.jpg) no-repeat center top;
}
body#CONT #Navi p.n03,
body#CONT #Navi p.n03 a:hover {
	background:url(img/navi03ov.jpg) no-repeat center top;
}
body#CONT #Navi p.n04,
body#CONT #Navi p.n04 a:hover {
	background:url(img/navi04ov.jpg) no-repeat center top;
}

/* ボタン下リスト */
body#CONT #Navi p.ribbon,
body#CONT #Navi p.ribbon-p,
body#CONT #Navi p.chirimen-p,
body#CONT #Navi p.craft {
	padding: 0 0 0 20px;
	margin:0 10px 0 10px;
	line-height:2.0;
}
body#CONT #Navi p.ribbon {
	background: #FFEBF8 url(img/icon03.gif) no-repeat left center;
	border-bottom:dotted #FF95BF 1px;
}
body#CONT #Navi p.ribbon-p {
	background: #E5F2FF url(img/icon04.gif) no-repeat left center;
	border-bottom:dotted #3C6ED2 1px;
}
body#CONT #Navi p.chirimen-p {
	background: #F9EBFF url(img/icon05.gif) no-repeat left center;
	border-bottom:dotted #B257E4 1px;
}
body#CONT #Navi p.craft {
	background: #FFEEDC url(img/icon06.gif) no-repeat left center;
	border-bottom:dotted #E17947 1px;
}
body#CONT #Navi p.ribbon a,
body#CONT #Navi p.ribbon-p a,
body#CONT #Navi p.chirimen-p a,
body#CONT #Navi p.craft a {
	display:block;
	width:100%;
}

/*===================================================
	#Main　メイン
=====================================================

	トップページ */
	
div.New {
	clear:both;
}
div.New h2 {
	background:url(img/index-title01.jpg) no-repeat center center ;
	display:block;
	width:550px;
	height:35px;
}
div.New ul {
	padding:10px;
}
div.New p {
	border-bottom:solid #CCCCCC 1px;
}
/* ---- */
div.Topics h2 {
	background:url(img/index-title02.jpg) no-repeat center center ;
	display:block;
	width:550px;
	height:35px;
}
div.Topics td {
	padding:5px;
	vertical-align:top;
}
/* ---- */
.bn01 {
	padding: 30px 0 15px 0;
}
.bn02 {
	padding: 0;
}

/*-----------------------
	2階層目以降 */
	
body#CONT #Main h3 {
	margin-bottom:5px;
}
body#CONT #Main table {
	margin-bottom:30px;
}
body#CONT #Main td {
	padding:5px 0;
}
body#CONT #Main h4 {
	display:block;
	/*width:550px;*/
	width:100%;
	margin-top:10px;
}
div.ribbon-Box h4 {
	border-top:dotted #FF95BF 1px;
	border-bottom:dotted #FF95BF 1px;
	color:#FF0099;
}
div.ribbon-p-Box h4 {
	border-top:dotted #3C6ED2 1px;
	border-bottom:dotted #3C6ED2 1px;
	color:#003399;
}
div.chirimen-p-Box h4 {
	border-top:dotted #B257E4 1px;
	border-bottom:dotted #B257E4 1px;
	color:#660099;
}
div.craft-Box h4 {
	border-top:dotted #E17947 1px;
	border-bottom:dotted #E17947 1px;
	color:#FF6600;
}
/* ぱんくず */
div.pan {
	color:#666666;
}

/*-----------------------
	クラフトページ見出し部分設定 */
.Short-L{
	width:271px;
	border-top:dotted #E17947 1px;
	border-bottom:dotted #E17947 1px;
	color:#FF6600;
}
	

/*-----------------------
	会社概要 */
div#Comp_Layout_Box{
	margin-top:-5px;
	margin-bottom:-35px;
}

.Comp_L-Cell-Top{
	width:90px;
	background-color:#E8E8E8;
	color:#FF0066;
	text-indent:6px;
	border-top:solid #FF67A4 1px;
	border-bottom:solid #FF67A4 1px;
	border-left:solid #FF67A4 1px;
}

.Comp_L-Cell{
	width:90px;
	background-color:#E8E8E8;
	color:#FF0066;
	text-indent:6px;
	border-bottom:solid #FF67A4 1px;
	border-left:solid #FF67A4 1px;
}

.Comp_R-Cell-Top{
	width:460px;
	border-top:solid #FF67A4 1px;
	border-bottom:solid #FF67A4 1px;
	border-right:solid #FF67A4 1px;
}

.Comp_R-Cell{
	width:460px;
	border-bottom:solid #FF67A4 1px;
	border-right:solid #FF67A4 1px;
	margin:0;
}

.Comp_R-TextBox{
	padding-left:20px;
	margin:0;	
}

.Comp_Enkaku{
	border-bottom:dotted #FF67A4 1px;
}

.Comp_Enkaku-Text{
	padding-left:20px;
	margin:0;
}

.Comp_Top_Dot{
	border-top:dotted #FF67A4 1px;
	padding-top:10px;
}

/*-----------------------
	サイトマップ */
	
.SiteMap_TextBox{
	width:100%;
	border-bottom:dotted #FF67A4 1px;
	padding:1em 0;
}

/*-----------------------
	ポップアップ設定 */

body#Pop_Up_Body{
	text-align: center;
	font-size: 12px;
	line-height: 1.6;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	color:#000;
	background:#FFFFFF;
	margin:0 auto;
}

div.Pop_Up{
	margin:0 auto;
}

.New_Indent{
	text-indent:2.8em;
}