@charset "utf-8";

* {
	font-family: "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 1.6em;
	color : #555555;
}



body{
	background : #F4FFF4 url(../img/bg.gif) no-repeat scroll center top;
}

/*

.eatBg{
	background : #fffff0 url(../img/bgBrown.gif) no-repeat scroll center top;
}


.heartBg{
	background : #fcf5f6 url(../img/bgpink.gif) no-repeat scroll center top;
}
*/


/* ////////////////////////////////////////////////////////
/
/ 1.共通：ヘッダの要素
/ 2.共通：ダイレクトリンクの要素
/ 3.共通：フッタの要素
/ 4.共通：各フォルダindexの要素
/ 5.共通：各フォルダコンテンツの要素
/ 6.共通：全てのロールオーバー・リンクスタイル
/
/　全ページ共通の構造に関するクラス・・・structure.cssへ
/　Large classをまたいで共通する要素・・・common.cssへ
/　それ以外の要素・・・content.cssへ
/
//////////////////////////////////////////////////////// */






/* /////////////////////////////////
　　　1-1 header detail structure
///////////////////////////////// */

.logo{
	width : 90px;
	height : auto;
	float : left; 
}

.links{
	width : 760px;
	height : auto;
	float: right;
}


.globalClassification{
	margin-top : 20px;
	height : 27px;
}

.largeClassification{
	margin : 3px 0 3px 30px;
	height : 25px;
	clear : both;
}

.smallClassification{
	height : 24px;
	clear : both;
}



/* /////////////////////////////////
　　　1-2 header detail style
///////////////////////////////// */

.residentElements li{
	height : 26px;
	line-height : 26px;
	float : right;	
}


.globalClassification li{
	height : 25px;
	border-bottom : 1px #A0C814 solid;
	float : left;
}

.largeClassification li{
	height : 25px;
	float : left;
}


.smallClassification ul{
	height : 24px;
	background : url(../img/thirdclassmark.gif) no-repeat scroll center top;
}

.smallClassification li{
	margin-top : 5px;
	height : 19px;
	float : left;
}



/* /////////////////////////////////
　　　2-1 direct links style
///////////////////////////////// */

.directLinks{
	padding-bottom : 15px;
	clear : both;
}

.directLinks dt{
	font-size : 10px;
	font-weight : bold;
	color : #A0C814;
	margin-top : 15px;
}





/* /////////////////////////////////
　　　3-1 footer detail structure
///////////////////////////////// */

.footer>ul{
	width : 850px;
	margin : 0 auto;
}

.groupLinks{
	width : 650px;
	float : left;
}

.gp{
	width : 650px;
}

.footerIndex{
	font-size : 11px;
	margin-bottom : 10px;
}


.information{
	width : 100px;
	height : 100px;
	float : right;
}



/* /////////////////////////////////
　　　3-2 footer detail style
///////////////////////////////// */

.group{
	padding-right : 5px;
	display:inline;
	font-size : 11px;
	color :#999999;
}

/*全部リンクされたらfont-sizeとcolorは消す*/



/* /////////////////////////////////
　　　4 index universal component
///////////////////////////////// */

.headline{
	margin : 20px 0;
}

.indexFrame{
	width : 800px;
	height : auto;
	margin : 0 auto;
	padding-bottom : 20px;
	border-bottom : 1px #c0c0c0 dashed;
}


.indexFrame2{
	width : 400px;
	height : auto;
	margin : 0 auto;
}


.indexFrame3{
	width : 600px;
	height : auto;
	margin : 0 auto;
}

.indexTag{
	width : 200px;
	height : auto;
	float : left;
}

.indexTag p{
	width : 160px;
	margin : 0 auto;
	padding : 10px 0;
	text-align : left;
	color : #775a48;
}





/* /////////////////////////////////
　　　5 content universal component
///////////////////////////////// */


.contentsHead li{
	height : 25px;
	float : left;
}


.contentsInframe{
	width : 700px;
	margin : 30px auto;
}

.about{
	height : 150px;
	background: #ffffff url(../img/about.gif) no-repeat scroll left bottom;
	margin-bottom : 35px;
	border : 1px #d7deba solid;
}

.about p{
	margin : 10px 15px 0 150px;
}

.first{
	width : 320px;
	height : auto;
	float : left;
}


.second{
	width : 320px;
	height : auto;
	float : right;
}

.closing{
	text-align : center;
	width : 100%;
	padding-top : 35px;
	clear:both;
}

.closing p{
	text-align : left;
	margin-bottom : 5px;
}

strong{
	color : #748237;
	background-color : #fcfbca;
}




/* /////////////////////////////////
　　　6-1 roll over
///////////////////////////////// */


/* ////////// resident area */

.residentImgLink a {  
    width: 84px;  
    height: 26px;  
    display: block; 
    /*text-indent: -9999px; */
    overflow: hidden;  
}

.residentImgLink a:hover {  
    background-position: 0 -26px; 
}

.qa{
	background : url(../img/qa.gif) no-repeat scroll center top;
}

.inq{
	background : url(../img/inq.gif) no-repeat scroll center top;
}



/* ////////// global link style */

.globalClassification a {  
    height: 25px;  
    display: block; 
    /*text-indent: -9999px; */
    overflow: hidden;  
}

.globalClassification a:hover {  
    background-position: 0 -25px; 
}


.globalClassification1{
	width : 250px;
	background : url(../img/totalbodybalance.gif) no-repeat scroll center top;
}

.globalClassification2{
	width : 130px;
	background : url(../img/lessenpain.gif) no-repeat scroll center top;
}


.globalClassification3{
	width : 130px;
	background : url(../img/integratedcare.gif) no-repeat scroll center top;
}


.globalClassification4{
	width : 250px;
	background : url(../img/message.gif) no-repeat scroll center top;
}


/* ////////// large link style  *** Individual style was described on content.css. */

.largeClassification a {  
    height: 25px;  
    display: block; 
    /*text-indent: -9999px; */
    overflow: hidden;  
}


.largeClassification a:hover {  
    background-position: 0 -25px; 
}





/* ////////// small link style *** Individual style was described on content.css. */

.smallClassification a {  
    height: 19px;  
    display: block; 
    /*text-indent: -9999px; */
    overflow: hidden;  
}


.smallClassification a:hover {  
    background-position: 0 -19px; 
}



/* ////////// footer link style */


.information a {
	width : 100px;
    height: 100px;  
    display: block; 
    /*text-indent: -9999px; */
    overflow: hidden;  
}

.information a:hover {  
    background-position: 0 -100px; 
}

.shopInfo{
	background : url(../img/shopInfo.gif) no-repeat scroll center top;
}

.mailMagazine{
	background : url(../img/mailMagazine.gif) no-repeat scroll center top;
}


/* ////////// content tub style */

.contentsHead a {  
    height: 25px;  
    display: block; 
    /*text-indent: -9999px; */
    overflow: hidden;  
}


.contentsHead a:hover {  
    background-position: 0 -25px; 
}



/* ////////// detail icon style */

.goDetail a {  
    height: 15px; 
    display: block; 
    /*text-indent: -9999px; */
    overflow: hidden; 
	background : url(../img/goDetail.gif) no-repeat scroll center top;
}


.goDetail a:hover {  
    background-position: 0 -15px; 
}

.goDetail{
	width : 85px;
	margin : 0 auto;
}



/* //////////////////////////////////////////////////////////////////////////////////////
/	
/　　　この下はDW(CS3)表示用クラスです。
/　　　text-indentで文字を飛ばすとDW上では背景も一緒に飛んでしまうため設定しています。
/　　　DWの表示上の問題が解消されたらspanのクラスをすべて消して、
/　　　代わりにコメントアウトされている部分を活かしてください。
/
/　　　content.cssに大量のリンククラスがあるので、そちらも一緒に直してください。
/
/　　　heightはspanを挟むことでブラウザによって「文字高」が変わってしまうため、
/　　　cursolはIE6・7で形状が異なるため指定しています。
/
/　　　現状、全てのspan要素上でカーソルがポインタになってしまうので、
/　　　DW上の問題が解決しない間は、spanの使用は控えてください。
/
////////////////////////////////////////////////////////////////////////////////////// */


span {
	cursor:pointer;
	display:block;
    text-indent: -9999px; 
}


.goDetail span{
	height : 15px;
}

.globalClassification span{
	height : 25px;
}

.largeClassification span{
	height : 25px;
}

.smallClassification span{
	height : 19px;
}

.contentsHead span{
	height : 25px;
}

.information span{
	height : 100px;
}
.residentElements span{
	height : 26px;
} 


/* /////////////////////////////////
　　 6-2 link style
///////////////////////////////// */



/* ////////// resident link style */

.residentElement a{
	margin : 0 10px 0 10px;
}

.residentImgLink a{
	margin : 0 5px 0 5px;
}


.residentElement a:link {
	color: #999999;
	text-decoration:none;
}

.residentElement a:active {
	color: #c0c0c0;
	text-decoration:underline;	
}

.residentElement a:visited {
	color: #999999;
	text-decoration:none;
}

.residentElement a:hover {
	color: #c0c0c0;
	text-decoration:underline;
}



/* ////////// directLinks style */

.directLinks a{
	font-size : 10px;
}




/* ////////// footer link style */

.group a{
	font-size : 11px;
}


.group a:link, .directLinks a:link {
	color: #999999;
	text-decoration:none;
}

.group a:active, .directLinks a:active {
	color: #c0c0c0;
	text-decoration:underline;	
}

.group a:visited, .directLinks a:visited {
	color: #999999;
	text-decoration:none;
}

.group a:hover, .directLinks a:hover {
	color: #c0c0c0;
	text-decoration:underline;
}