@charset "utf-8";


/*==================
　背景色・文字色設定
  ====================*/
/*bodyの設定*/
body{
	padding:0px;
	margin:0px;
	background-color:#003366;
	background:url(../img/bg.jpg) left top repeat-x;
	color:#555555;
	font-family: "ＭＳ Ｐゴシック", Osaka; 
   /*\*/text-align:center;/*この指定はMacIE5.2には適用されません*/
}

/*文章の行間設定*/
.sentence{
	line-height:130%;
}
/*imgのmargin・paddingをオフ*/
img{
	margin:0px;
	padding:0px;
}
/*pのmarginをオフ*/
p{
	margin:0px;
}
/*重要文字色（赤）設定*/
.important{
	color:#CC3333;
}



/*==================
　レイアウト全体の枠の設定
  ====================*/
div#totalArea{
	width:784px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	/*\*/text-align:left;/*この指定はMacIE5.2には適用されません*/
}

/*==================
　コンテンツ部分の設定
  ====================*/
div#contentsArea{
	background:url(../img/contents_base.jpg) left top repeat-y;
	text-align:center;
	padding-top:14px;
}
#contentsTable{
	width:720px;
	margin-left:auto;
	margin-right:auto;
}
#imageBar{
	width:152px;
	vertical-align:top;
}
#contentsMain{
	vertical-align:top;
	text-align:left;
}

/*==================
　個別カセットの設定
  ====================*/
.casset1{/*コンセプト・小物ページに使用*/
	width:540px;
}
.casset2{/*アクセ・ヘアアクセに使用*/
	width:490px;
}
.casset3{/*ヘアアレンジ・和装等に使用*/
	width:720px;
}
.cTitle{
	width:15px;
}
.cContents{
	text-align:left;
	font-size:smaller;
	padding:20px 0px 10px 12px;
}

/*==================
　ヘアアレンジ・和装スタイルカセット部分の設定
  ====================*/
.styleCasset{
	width:690px;
	margin-bottom:30px;
}
.styleTitle{
	padding-left:10px;
}
.styleHowto4{/*手順４段階用*/
	width:543px;
	margin-right:auto;
	margin-left:auto;
}
.styleHowto5{/*手順５段階用*/
	width:680px;
	margin-right:auto;
	margin-left:auto;
}
.styleHowtoComment{
	padding:4px 10px 0px 0px;
	font-size:smaller;
	line-height:130%;
	text-align:left;
	vertical-align:top;
}		

/*==================
　独立コピー文章の設定
  ====================*/
.copySentence1{/*アクセ・ヘアアクセに使用*/
	padding:10px 20px;
	margin-bottom:10px;
	line-height:130%;
}
  
  
/*==================
　グローバルメニュー部分の設定
  ====================*/
div#menu{
	background:url(../img/menu_base.jpg) left top repeat-y;
	padding-left:36px;
	padding-right:38px;
} 

/*==================
　上へ戻るリンク
  ====================*/
.toTop{/*全ページ共通*/
	width:720px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
}
.toTop img{
	margin-left:650px;
}
.toTop2{/*.styleCasset内使用*/
	width:690px;
	margin-top:10px;
}
.toTop2 img{
	margin-left:630px;
}
.toTop3{/*.styleCasset内使用*/
	width:690px;
	margin-top:10px;
}
.toTop3 table{
	margin-left:568px;
}

/*==================
　フッタメニュー部分の設定
  ====================*/
table#footerMenu{
	height:40px;
	margin-left: auto;
	margin-right: auto;
}
table#footerMenu td{
	padding:4px 6px;
}
table#footerMenu a{
	font-size:x-small;
} 
table#footerMenu a:link{color:#C15B5B;}
table#footerMenu a:visited{color:#C15B5B;}
table#footerMenu a:hover{color:#FFAE5F;}
table#footerMenu a:active{color:#FFAE5F;}


 
/*==================
　パンくずメニュー部分の設定
  ====================*/
.pankuzu{
	display:block;
	margin:10px 0px 20px 0px;
	padding-left:15px;
	text-align:left;
	font-size:smaller;
}
.pankuzu a:link{color:#555555;}
.pankuzu a:visited{color:#555555;}
.pankuzu a:hover{color:#FFAE5F;}
.pankuzu a:active{color:#FFAE5F;}
 
/*==================
　強引にインターバルを入れる設定
  ====================*/
div.interval1{
	height:10px;
}
div.interval2{
	height:20px;
}
div.interval3{
	height:30px;
}
 
/*==================
　破線セルの設定
  ====================*/
td.hasen1{
	background:url(../img/hasen_bg1.gif) left top repeat-x;
	height:9px;
}
td.hasen2{/*セル高め*/
	background:url(../img/hasen_bg2.gif) left top repeat-x;
	height:20px;
}


/*この他は個別スタイルシートに記載*/