@charset "utf-8";

/* clearfix
------------------------------------*/
.cr{
    zoom:1;/*for IE 5.5-7*/
}
.cr:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .cr{
	display:inline-table;
	/*\*/display:block;/**/
}


h3.statement{
	background: url(../../images/aboutpetio/ti_statement.jpg) no-repeat;
	padding: 0px;
	height: 43px;
	text-indent: -9999px;
	margin: 0;
	clear:both;
}


ul.imSystem{
	width:760px;height:538px;background: url(../../images/aboutpetio/im_statement.jpg) no-repeat;
	list-style:none; position:relative;
	margin:10px 0; padding:0;
	clear:both;
}

ul.imSystem li.topsm01{width:204px; height:40px; position:absolute;top:20px; left:550px; overflow:hidden;}
ul.imSystem li.topsm01 a{width:204px; height:40px; display:block; text-indent:-9999px;}
ul.imSystem li.topsm01 a:hover{background: url(../../images/aboutpetio/bt_statement.jpg) no-repeat;}

ul.imSystem li.topsm02{width:204px; height:40px; position:absolute;top:60px; left:550px; overflow:hidden;}
ul.imSystem li.topsm02 a{width:204px; height:40px;  display:block; text-indent:-9999px;}
ul.imSystem li.topsm02 a:hover{background: url(../../images/aboutpetio/bt_statement.jpg) no-repeat 0px -40px;}

ul.imSystem li.topsm03{width:204px; height:40px; position:absolute;top:100px; left:550px; overflow:hidden;}
ul.imSystem li.topsm03 a{width:204px; height:40px; display:block; text-indent:-9999px;}
ul.imSystem li.topsm03 a:hover{background: url(../../images/aboutpetio/bt_statement.jpg) no-repeat 0px -120px;}


ul.imSystem li.topsm04{width:204px; height:40px; position:absolute;top:140px; left:550px; overflow:hidden;}
ul.imSystem li.topsm04 a{width:204px; height:40px; display:block; text-indent:-9999px;}
ul.imSystem li.topsm04 a:hover{background: url(../../images/aboutpetio/bt_statement.jpg) no-repeat 0px -160px;}

ul.imSystem li.topsm05{width:204px; height:40px; position:absolute;top:180px; left:550px; overflow:hidden;}
ul.imSystem li.topsm05 a{width:204px; height:40px; display:block; text-indent:-9999px;}
ul.imSystem li.topsm05 a:hover{background: url(../../images/aboutpetio/bt_statement.jpg) no-repeat 0px -200px;}

ul.imSystem li.topsm06{width:204px; height:40px; position:absolute;top:220px; left:550px; overflow:hidden;}
ul.imSystem li.topsm06 a{width:204px; height:40px; display:block; text-indent:-9999px;}
ul.imSystem li.topsm06 a:hover{background: url(../../images/aboutpetio/bt_statement.jpg) no-repeat 0px -240px;}




ul.imConcept li.story1{ position:absolute; top:70px; left:35px; overflow:hidden;}
ul.imConcept li.story1 a{ display:block; width:222px; height:202px; text-indent:-9999px;}

ul.imConcept li.story2{ position:absolute; top:70px; left:283px; overflow:hidden;}
ul.imConcept li.story2 a{ display:block; width:222px; height:202px; text-indent:-9999px;}


h4.manifestation{ margin:30px 15px 20px 15px; background: url(../../images/aboutpetio/ti_manifestation.gif); text-indent:-9999px; height:27px;}
h4.platform{ margin:30px 15px 20px 15px; background: url(../../images/aboutpetio/ti_platform.gif); text-indent:-9999px; height:27px;}
h4.slogan{ margin:30px 15px 20px 15px; background: url(../../images/aboutpetio/ti_slogan.gif); text-indent:-9999px; height:27px; clear:both;}
h4.brand{ margin:30px 15px 20px 15px; background: url(../../images/aboutpetio/ti_brand.gif); 
text-indent:-9999px; height:27px; clear:both;}

p.manifestation{ height:120px;background: url(../../images/aboutpetio/tx_manifestation.gif) no-repeat center center; text-indent:-9999px;
}
p.slogan{ height:343px;background: url(../../images/aboutpetio/tx_slogan.gif) no-repeat center center; text-indent:-9999px; margin:30px 0 50px 0; clear:both;
}
p.brand{ height:308px;background: url(../../images/aboutpetio/tx_brand.gif) no-repeat center center; text-indent:-9999px; margin:30px 0 50px 0; clear:both;
}

dl.vision{ margin:15px 15px; list-style:none;}
dl.vision dt{ 
	margin:0 0 0 10px; 
	float:left; 
	width:150px; height:20px; 
	background:url(../../images/aboutpetio/ti_vistion.gif) no-repeat;
	text-indent:-9999px; 
}
dl.vision dd{ 
	margin:0 10px 0 0; 
	float:right;
	width:520px; height:220px;
	background:url(../../images/aboutpetio/tx_vision.gif) no-repeat;
	text-indent:-9999px;
}

dl.mission{ margin:15px 15px; list-style:none;}
dl.mission dt{
	margin:0 0 0 10px; 
	float:left;
	width:150px;height:20px; 
	background:url(../../images/aboutpetio/ti_mission.gif) no-repeat;
	text-indent:-9999px;
}
dl.mission dd{
	margin:0 10px 0 0; 
	float:right;
	width:520px;height:79px;
	background:url(../../images/aboutpetio/tx_mission.gif) no-repeat;
	text-indent:-9999px;
	position: relative;
}

dl.value{ margin:15px 15px; list-style:none;}
dl.value dt{ 
	margin:0 0 0 10px; 
	float:left; width:150px;height:20px;
	background:url(../../images/aboutpetio/ti_value.gif) no-repeat;
	text-indent:-9999px;
}
dl.value dd{
	margin:0 10px 0 0; 
	float:right; width:520px;height:107px;
	background:url(../../images/aboutpetio/tx_value.gif) no-repeat;
	text-indent:-9999px;
	position: relative;
}

#contents #image {
	background: url(../../images/aboutpetio/title_aboutpetio.jpg) no-repeat;

	padding: 0px;
	height: 102px;
	width: 760px;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.print{ clear:both; margin:5px; list-style:none;}

.print li{ width:79px; height:21px; float:right; background:url(/images/aboutpetio/bt_print.gif) no-repeat; overflow:hidden;}
.print li a {width:79px; height:21px;display:block; background:url(/images/aboutpetio/bt_print.gif) no-repeat; text-indent:-9999px;}
.print li a:hover {background:url(/images/aboutpetio/bt_print.gif) no-repeat 0px -21px;}
p#seven {
	position: absolute;
	height: 15px;
	width: 76px;
	top: 66px;
	left:217px;
	cursor:pointer;
	margin: 0;
	padding: 0;
}
p#three {
	position: absolute;
	height: 15px;
	width: 110px;
	top:93px;
	left:219px;
	cursor:pointer;
	margin: 0;
	padding: 0;
}
p#five {
	position: absolute;
	height: 15px;
	width: 110px;
	top:93px;
	left:348px;
	cursor:pointer;
	margin: 0;
	padding: 0;
}

/* about */

#brand {
	width:500px;
	margin-right:auto;
	margin-left:auto;
}

#about_header {
	background: url(../../images/aboutpetio/about_header.gif);
	margin: 0px;
	padding: 0px;
	height: 55px;
	width: 500px;
}
#about_header h1,#about_mission_title h2,#about_value01_title h2,#about_value02_title h2 {
	margin: 0px;
	padding: 0px;
	text-indent:-9999px;
}
#about_mission_title {
	background: url(../../images/aboutpetio/about_mission.gif);
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 500px;
	text-indent:-9999px;
}
#about_value01_title {
	background: url(../../images/aboutpetio/about_value01.gif);
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 500px;
	text-indent:-9999px;
}
#about_value02_title {
	background: url(../../images/aboutpetio/about_value02.gif);
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 500px;
	text-indent:-9999px;
}
#about_mission_main {
	background: url(../../images/aboutpetio/about_mission_01.gif) no-repeat center center;
	height:321px;
	margin: 0px;
	padding: 0px;
	width: 500px;
	text-indent:-9999px;
}
#about_value01_main {
	background: url(../../images/aboutpetio/about_value_01.gif) no-repeat center center;
	height:246px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 500px;
	text-indent:-9999px;
}
#about_value02_main {
	background: url(../../images/aboutpetio/about_value_02.gif) no-repeat center center;
	height:207px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 500px;
	text-indent:-9999px;
}

p#footer_line {
	background: url(../../images/aboutpetio/about_footer.gif);
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 500px;
}
#close {
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 500px;
	font-size:12px;	
}
#vec {
	background: url(../../images/aboutpetio/vec.gif) no-repeat;
	margin-left: auto;
	margin-right:auto;
	padding-left:15px;
	height: 15px;
	width: 70px;
}

a:link{ color:#C10001;; text-decoration:underline;}
a:visited{ color:#C10001; text-decoration:underline;}
a:active{ color:#C10001; text-decoration:underline;}
a:hover{ color:#C10001; text-decoration:none;}