@charset "utf-8";
/*
	Site Name: PIONEER COMMUNICATIONS CORPORATION
	Description: photo frame style
*/

/*
===== CONTENTS =====================================

		1: common class
		2: photoframe top class
		3: hf-a700 class
		4: hf-a800 class
		5: hf-a727 class
		6: tool class

====================================================
*/


/* common class
-------------------------------------------------------------------------*/
#layoutMain{
	width       : 755px;
	margin-right: auto;
	margin-left : auto;
}

.padding-set{
	padding-right:20px;
}
/* left menu */
#layoutLeft {
	float: left;
	width: 170px;
}
#layoutLeft img {
	display: block;
	margin : 0;
	padding: 0;	
}
#layoutLeft p {
	margin-bottom: 22px;	
}
/* right content */
#mainContent {
	float: right;
	width: 570px;
}
.borderSet {
	font-size:65%;
	padding-bottom: 15px;
	border-right  : 1px solid #d1d1d1;
	border-bottom : 1px solid #d1d1d1;
	border-left   : 1px solid #d1d1d1;
}
/* mainimage */
#content01 {
	margin-bottom: 4px;
}
#content01 .floatLeft {
	width: 287px;
}
#content01 .floatRight {
	width: 283px;
}
#content01 .floatLeft img,
#content01 .floatRight img {
	display: block;
	margin : 0;
	padding: 0;
}
/* content headline margin */
#mainContent h2 {
	margin-top   : 15px;
	margin-bottom: 12px;
}
/* spec table*/
#hf-a700 #content05 table,
#hf-a800 #content06 table{
	font-size   :100%;
	width       : 521px;
	margin-right: auto;
	margin-left : auto;
}
#hf-a700 #content05 th,
#hf-a800 #content06 th {
	text-align   : left;
	width        : 105px;
	padding      : 5px 5px 2px 7px;
	border-top   : 1px solid #b2b2b2;
	border-right : 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
}
#hf-a700 #content05 td, 
#hf-a800 #content06 td{
	text-align   : left;
	padding      : 5px 5px 2px 7px;
	border-top   : 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	border-left  : 1px solid #b2b2b2;
}
#hf-a700 #content05 .colored,
#hf-a800 #content06 .colored {
	background-color: #E9E5E2;
}
#hf-a700 #content06 table,
#hf-a800 #content07 table {
	font-size:100%;
	width    : 510px;
	margin   : 8px auto 0;
}
#hf-a700 #content06 th,
#hf-a800 #content07 th {
	width         : 30px;
	vertical-align: top;
}



/* photoframe top class
-------------------------------------------------------------------------*/
#photoFrameTop #mainImage {
	margin-bottom: 10px;
}
#photoFrameTop .block-gray {
	background-color: #DDDDDD;
	margin-bottom   : 15px;
	padding         : 9px 10px 5px;
	border          : 1px solid #C8C8B6;
}
#photoFrameTop .block-gray li {
	float          : left;
	list-style-type: none;
}
#photoFrameTop .block-gray li.lastChild{
	float: right;
}



/* hf-a700 class
-------------------------------------------------------------------------*/
#hf-a700 .borderSet {
	clear         : both;
	padding-bottom: 15px;
	border-right  : 1px solid #d1d1d1;
	border-bottom : 1px solid #d1d1d1;
	border-left   : 1px solid #d1d1d1;
}
#hf-a700 #content02 {
	margin      : 0;
	padding     : 0;
	text-align  : left;
	padding-left: 30px;
}
#hf-a700 #content02 ul {
	width       : 501px;
	padding-top: 10px;
}
#hf-a700 #content02 li{
	padding-left:0;
}
#hf-a700 #content02 .floatLeft {
	
}
#hf-a700 #content02 .floatRight {
}
#hf-a700 #content02 .lastChild {
	clear      : both;
	width      : 501px;
}
#hf-a700 #content03{
	text-align  : left;
	padding-left: 30px;
}
#hf-a700 #content03 ul {
	background  : url(../product/photo_frame/img/a700_pct_02_03.jpg) no-repeat right top;
	text-align  : left;

	width       : 520px;
}
#hf-a700 #content04 {
	width       : 506px;
	margin-right: auto;
	margin-left : auto;
}
#hf-a700 #content04 dl img{
	display: block;
}
#hf-a700 #content04 .floatRight dd{
	line-height : 1;
	text-align  : left;
	width       : 233px;
	padding-left: 8px;
}

#ieAll #hf-a700 #content04 .floatRight dd  {
	width       : 241px;
	padding-left: 8px;
	padding-top :2px;
}
#hf-a700 #content04 .flag01 dd {
	background   : url(../product/photo_frame/img/a700_pct_03_02.jpg) no-repeat left top;
	height       : 28px;
	margin-bottom: 4px;
}

#hf-a700 #content04 .flag02 dd {
	background: url(../product/photo_frame/img/a700_pct_03_03.jpg) no-repeat left top;
	height    : 36px;
}



/* hf-a800 class
-------------------------------------------------------------------------*/
#hf-a800 h3{
	padding-bottom: 8px;
}
#hf-a800 #content01 img {
	display: block;
}

#hf-a800 #content02 {
	background    : url(../product/photo_frame/img/a800_pct_01.jpg) no-repeat right top;
	text-align    : left;
	width         : 360px;
	height        : 114px;
	margin-right  : 10px;
	padding-right : 173px;
	padding-bottom: 10px;
}
#ieAll #hf-a800 #content02 {
	padding-bottom: 50px;
	
	margin-left:0;
	margin-right:15px;
}
#ie6 #hf-a800 #content02 {
	padding-bottom: 25px;
	margin-left:0;
	margin-right:10px;
}
#ie7 #hf-a800 #content02 {
	padding-bottom: 25px;
	margin-left:0;
	margin-right:10px;
}
#hf-a800 #content02 p {
	width : 330px;
}
#hf-a800 #content02 p,
#hf-a800 #content03 p,
#hf-a800 #content04 p{
	padding-left: 15px;
}
#hf-a800 #content03,
#hf-a800 #content04 {
	padding-top   : 10px;
	padding-bottom: 10px;
	border-top    : solid 1px #cecece;
}
#hf-a800 #content03 .inner,
#hf-a800 #content04 .inner,
#hf-a800 #content05 .inner {
	width         : 543px;
	text-align    : left;
}
#hf-a800 #content05 {
	padding-top   : 10px;
	border-top    : solid 1px #cecece;
}
#hf-a800 #content05 dd{
	padding-top: 13px;
	text-align : center;
}
#hf-a800 #content05 dl.lastChild {
	clear      : both;
	padding-top: 23px;
}
#hf-a800 #content05 ul {
	margin-top: 25px;
}
#hf-a800 #content05 li {
	float       : left;
	width       : 180px;
	margin-right: 4px;
}
#hf-a800 #content05 li.widthSet {
	width: 175px;
}
#hf-a800 #content05 li.lastChild {
	margin-right: 0px;
}
*html .txt-smaller dd{
	font-size:90%;
}





/* hf-a727 class
-------------------------------------------------------------------------*/
#hf-a727 #mainContent{
	text-align: left;
}
#hf-a727 #mainContent img{
	display: block;
	margin : 0;
	padding: 0;	
}
#hf-a727 #content01 {
	margin-bottom: 15px;
}
#hf-a727 #content01 h2{
	margin : 0;
	padding: 0;
}
#hf-a727 #content01 img{
	display: block;
}

#hf-a727 .tableWrap{
	border    : 1px solid #D0D0D0;
	margin    : 0 auto;
	text-align: center;
	width     : 570px;
}
#hf-a727 #content05{
	margin: 14px auto 20px;
	width : 570px;
}
#hf-a727 #content06 table{
	margin     : auto;
	text-align : left;
	line-height: 1.7;
	width      : 520px;
}

#hf-a727 #content06 table.firstChild{
	margin: 20px auto 30px;
}
#hf-a727 #content06 thead th {
	border-bottom: 1px solid #9F9F9F;
	border-top   : 2px solid #9F9F9F;
	padding      : 5px 5px 5px 8px;
}
#hf-a727 #content06 tbody th {
	border-bottom: 1px solid #9F9F9F;
	border-right : 1px solid #9F9F9F;
	border-top   : 1px solid #9F9F9F;
	padding      : 5px 5px 5px 8px;
	width        : 95px;
}
#hf-a727 #content06 tbody td {
	border-bottom: 1px solid #9F9F9F;
	border-top   : 1px solid #9F9F9F;
	padding      : 5px 5px 5px 8px;
}
#hf-a727 #content06 .borderRight{
	border-right : 1px solid #9F9F9F;
}
#hf-a727 #content06 .firstChildBorder{
	border-top   : 2px solid #9F9F9F;
}
#hf-a727 .attentionList {
	margin     : 10px auto 15px;
	line-height: 1.7;
	text-align : left;
	width      : 520px;
}
#hf-a727 #content06 table,
#hf-a727 .attentionList {
	font-size: 73%;
}
.mac #hf-a727 #content06 table,
.mac #hf-a727 .attentionList {
	font-size: 63%;
}
#hf-a727 #content06 thead th,
#hf-a727 #content06 .colored {
	background-color: #E8E4E1;
}




/* tool class
-------------------------------------------------------------------------*/
/*reset*/
p,
ul,
ol,
li,
dl,
dt,
dd,
img,
a{
	margin    : 0;
	padding   : 0;
}
li {
    list-style: none;
}
table{
	border-collapse: collapse;
}
th{
	font-weight: normal;
}

#layoutMain  a {border: none;}
#layoutMain img{border: none;}

.floatLeft  {float: left;}
.floatRight {float: right;}

.txt-large      {font-size: 120%;}
.txt-smaller    {font-size: small;}
#ieAll .txt-smaller   {font-size: 85%;}
*html .txt-smaller   {font-size: 55%;}
#ie7 .txt-smaller   {font-size: 65%;}
.txt-x-small    {font-size: 90%;}
.txt-xx-small   {font-size: 80%;}
.txt-xxx-small  {font-size: 70%;}
.txt-xxxx-small {font-size: 60%;}


.txt-align-center{text-align: center;}
.txt-align-left  {text-align: left;}
.txt-align-right {text-align: right;}
.txt-indent-s{
	text-indent : -0.5em;
	padding-left: 0.5em;
}

.pt5  {	padding-top: 5px;}
.pt10 {	padding-top: 10px;}
.pt15 {	padding-top: 15px;}
.pt20 {	padding-top: 20px;}
.pt25 {	padding-top: 25px;}
.pt30 {	padding-top: 30px;}

.pb5  {	padding-bottom: 5px;}
.pb10 {	padding-bottom: 10px;}
.pb15 {	padding-bottom: 15px;}
.pb20 {	padding-bottom: 20px;}
.pb25 {	padding-bottom: 25px;}
.pb30 {	padding-bottom: 30px;}

.mt5  {	margin-top : 5px;}
.mt10 {	margin-top : 10px;}
.mt15 {	margin-top : 15px;}
.mt20 {	margin-top : 20px;}
.mt25 {	margin-top : 25px;}
.mt30 {	margin-top : 30px;}

.mb5  {	margin-bottom: 5px;}
.mb10 {	margin-bottom: 10px;}
.mb15 {	margin-bottom: 15px;}
.mb20 {	margin-bottom: 20px;}
.mb25 {	margin-bottom: 25px;}
.mb30 {	margin-bottom: 30px;}

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