@charset "utf-8";
/* CSS Document */
/* targetPage :
	body#example
	body#foods
	body#beautysalon
	body#school
	body#construction
	body#wastes
	body#transportation		 */

/* body#example */

/* -common size- */
body#example div#foods ,
body#example div#beautysalon ,
body#example div#school ,
body#example div#construction ,
body#example div#wastes ,
body#example div#transportation {
	width:668px;
	height:249px;
	border-left:1px #999 solid;
	border-bottom:1px #999 solid;
	border-right:1px #999 solid;
	padding:10px;
}

body#example div#foods{
	display:block;
	background:url(../example/image/bgImage_foods.gif) repeat-x;
}
body#example div#beautysalon{
	display:none;
	background:url(../example/image/bgImage_beautySalon.gif) repeat-x;
}
body#example div#school{
	display:none;
	background:url(../example/image/bgImage_school.gif) repeat-x;
}
body#example div#construction{
	display:none;
	background:url(../example/image/bgImage_construction.gif) repeat-x;
}
body#example div#wastes{
	display:none;
	background:url(../example/image/bgImage_wastes.gif) repeat-x;
}
body#example div#transportation{
	display:none;
	background:url(../example/image/bgImage_transportation.gif) repeat-x;
}

/* -common size- */
body#example div.mainBox h2 {
	width:355px;
	height:25px;
	text-indent:-9999px;
	margin-bottom:18px;
}

body#example div#foods h2 { background:url(../example/image/titleS_foods.gif) no-repeat; }
body#example div#beautysalon h2 { background:url(../example/image/titleS_beautySalon.gif) no-repeat; }
body#example div#school h2 { background:url(../example/image/titleS_school.gif) no-repeat; }
body#example div#construction h2 { background:url(../example/image/titleS_construction.gif) no-repeat; }
body#example div#wastes h2 { background:url(../example/image/titleS_wastes.gif) no-repeat; }
body#example div#transportation h2 { background:url(../example/image/titleS_transportation.gif) no-repeat; }

body#example div.mainBox img{
	border:1px #999 solid;
	width:296px;
	height:246px;
}

body#example ul.example {
	margin-top:10px;
}

/* -common size- */
body#example ul.example li ,
body#example ul.example li a {
	float:left;
	width:115px;
	height:30px;
	text-indent:-9999px;
	/*\*/
	overflow:hidden;
	/**/
}

body#example li.foods ,
body#example li.foods a { background:url(../example/image/tabOn_foods.gif) no-repeat; }

body#example li.beautysalon ,
body#example li.beautysalon a{ background:url(../example/image/tab_beautySalon.gif) no-repeat; }

body#example li.school ,
body#example li.school a{ background:url(../example/image/tab_school.gif) no-repeat; }

body#example li.construction ,
body#example li.construction a{ background:url(../example/image/tab_construction.gif) no-repeat; }

body#example li.wastes ,
body#example li.wastes a{ background:url(../example/image/tab_wastes.gif) no-repeat; }

body#example li.transportation ,
body#example li.transportation a{ background:url(../example/image/tab_transportation.gif) no-repeat; }


body#example div.mainBox div.left{
	float:left;
	width:296px;
	margin-right:10px;
}

body#example div.mainBox div.right{
	width:362px;
	float:right;
}

/* -common size- */
body#example div.mainBox div.right h4 ,
body#example div.mainBox div.right h4 a{
	display:block;
	height:46px;
	text-indent:-9999px;
	/*\*/
	overflow:hidden;
	/**/
}
body#example div#contents div.mainBox div.right h4 a:hover{
	background-position:left bottom;
}

body#example div.mainBox div.right div.button {
	padding:15px 0px;
}

body#example div.mainBox div.right div.company {
	background:url(../example/image/bgImage_companyBase.gif) no-repeat;
	width:338px;
	height:84px;
	padding:5px 5px 5px 15px;
}

body#example div.mainBox div.right div.company h3 {
	width:330px;
	font-size:12px;
	border-bottom:1px #F66 solid;
	margin-bottom:3px;
}

body#example div.mainBox div.right div.company p {
	font-size:12px;
	line-height:1.4em;
}

/* div#foods */

body#example div.mainBox div#foods div.right div.button {
	width:282px;
	padding-left:80px;
}

body#example div.mainBox div#foods div.right h4 ,
body#example div.mainBox div#foods div.right h4 a {
	width:218px;
	background:url(../example/image/bt_foods.gif) no-repeat;
}

/* div#beautysalon */

body#example div.mainBox div#beautysalon div.right div.button {
	width:242px;
	padding-left:80px;
}

body#example div.mainBox div#beautysalon div.right h4 ,
body#example div.mainBox div#beautysalon div.right h4 a {
	width:218px;
	background:url(../example/image/bt_beautySalon.gif) no-repeat;
}

/* div#school */

body#example div.mainBox div#school div.right div.button {
	width:277px;
	padding-left:45px;
}

body#example div.mainBox div#school div.right h4 ,
body#example div.mainBox div#school div.right h4 a {
	width:274px;
	background:url(../example/image/bt_school.gif) no-repeat;
}

/* div#construction */

body#example div.mainBox div#construction div.right div.button {
	width:242px;
	padding-left:80px;
}

body#example div.mainBox div#construction div.right h4 ,
body#example div.mainBox div#construction div.right h4 a {
	width:218px;
	background:url(../example/image/bt_construction.gif) no-repeat;
}

/* div#wastes */

body#example div.mainBox div#wastes div.right div.button {
	width:262px;
	padding-left:60px;
}

body#example div.mainBox div#wastes div.right h4 ,
body#example div.mainBox div#wastes div.right h4 a {
	width:254px;
	background:url(../example/image/bt_wastes.gif) no-repeat;
}

/* div#transportation */

body#example div.mainBox div#transportation div.right div.button {
	width:242px;
	padding-left:80px;
}

body#example div.mainBox div#transportation div.right h4 ,
body#example div.mainBox div#transportation div.right h4 a {
	width:218px;
	background:url(../example/image/bt_transportation.gif) no-repeat;
}



body#example div.leftBox p{ margin-top:10px; }

body#example div.rightBox h2{
	width:265px;
	height:20px;
	text-indent:-9999px;
	background:url(../image/index_topics.gif) no-repeat;
	margin:10px 0px;
}

/* -common size- */
body#example div.rightBox li { border:1px #CCC solid; }
body#example div.rightBox li ,
body#example div.rightBox li a {
	display:block;
	width:263px;
	height:78px;
	margin-bottom:10px;
	text-indent:-9999px;
	/*\*/
	overflow:hidden;
	/**/
}

body#example div.rightBox li.rms { background:url(../image/topics_rms.jpg) no-repeat; }

/* body.example */

body.example div.leftBox ,
body.example div.rightBox { margin-top:10px;}

body.example div.leftBox div.main {
	width:460px;
	padding:15px 10px 5px 10px;
	background:url(../example/image/bgImage_exampleH.gif) no-repeat #FFFF99;
}

/* -common size- */
body.example div#container div.leftBox h2 {
	border-left:10px #FF6633 solid;
	border-bottom:2px #FF6633 solid;
	padding-bottom:5px;
	width:450px;
	text-indent:-9999px;
	background-position:5px 0px;
}

/* -common size- */
body.example div.leftBox h3 {
	width:460px;
	height:20px;
	text-indent:-9999px;
	margin:10px 0px;
}

body.example div.leftBox h3.chance{ background:url(../example/image/index_chance.gif) no-repeat; }
body.example div.leftBox h3.aboutGoods{ background:url(../example/image/index_aboutGoods.gif) no-repeat; }
body.example div.leftBox h3.afterFeeling{ background:url(../example/image/index_afterFeeling.gif) no-repeat; }

body.example div.leftBox h4 {
	border-left:4px #993333 solid;
	color:#993333;
	padding-left:5px;
	margin:10px 0px 5px 5px;
	font-size:14px;
}
body.example div.leftBox td.right h4{ margin:5px 0px; }

body.example div.leftBox td.right ol li{ margin:5px 0px 5px 26px; }
body.example div.leftBox td.right .effect li{
	background-position:0px 0px;
	padding-left:75px;
	margin:2px 0px;
}
body.example div.leftBox td.right .effect li.analysis { background:url(../example/image/ic_analysis.gif) no-repeat; }
body.example div.leftBox td.right .effect li.direction { background:url(../example/image/ic_direction.gif) no-repeat; }
body.example div.leftBox td.right .effect li.crimeP { background:url(../example/image/ic_crimeP.gif) no-repeat; }
body.example div.leftBox td.right .effect li.cutExpenses { background:url(../example/image/ic_cutExpenses.gif) no-repeat; }

body.example div.leftBox p.company{
	text-align:right;
	font-size:12px;
	margin-left:0px;
}

body.example div.leftBox div.main p ,
body.example div.leftBox div.main table { margin-left:5px; }

body.example div.leftBox td.person {
	width:70px;
	font-size:12px;
	line-height:1.3em;
}
body.example div.leftBox td.person img {
	width:58px;
	height:58px;
	border:1px #CCC solid;
	margin-bottom:3px;
}

body.example div.leftBox table.buyGoods td {
	width:150px;
	font-size:12px;
	line-height:1.2em;
}

body.example div.leftBox table.buyGoods td img{
	border:1px #CCC solid;
	width:28px;
	height:28px;
	float:left;
	margin-right:3px;
}

body.example div.leftBox div.footer{
	padding:10px 10px 0px 10px;
	background:url(../example/image/bgImage_exampleF.gif) no-repeat;
	height:15px;
}

body.example div.rightBox h3 {
	background:url(../example/image/index_companyInfo.gif) no-repeat;
	width:200px;
	height:20px;
	text-indent:-9999px;
	margin-bottom:3px;
}

body.example div.rightBox h4 {
	font-size:13px;
	color:#930;
	border-bottom:1px #930 solid;
	width:190px;
	margin:0px 0px 3px 5px;
}

body.example div.rightBox p{
	text-align:right;
	font-size:12px;
	margin-bottom:10px;
	padding-right:5px;
}

body.example div.rightBox p.company{
	text-align:left;
	margin-left:5px;
}

/* body#foods */

body#foods div.leftBox h2{
	background:url(../example/foods/image/catch_foods.gif) no-repeat;
	height:40px;
}

body#foods td.left { width:115px; }
body#foods td.left img { }

/* body#beautysalon */

/* body#school */

/* body#construction */

/* body#wastes */

/* body#transportation */