@charset "utf-8";
#exTop {
	background-image: url(../images/photo/photo_box_bg_alljpg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 1012px;
	padding-bottom: 20px;
}
#exGra {
	background-image: url(../images/photo/photo_box_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 1003px;
	margin-left: 5px;
}
#photoMain {
	padding-top: 20px;
	padding-left: 30px;
	width: 467px;
	float: left;

}
#photoFeat {
	padding-top: 10px;
}
#photoUp {
	float: right;
	width: 431px;
	padding-right: 30px;
	padding-top: 20px;
}
.photoTitle {
	padding-top: 15px;
}
#featBottom {
	padding-top: 5px;
	clear: both;
}


.featBoxBg {
	background-image: url(../images/photo/feat_box_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 211px;
	padding-left: 15px;
}
.featText {
	padding-top: 7px;
	width: 200px;
	padding-bottom: 5px;
	font-size: 110%;
	line-height: 1.4em;
}
.featL {
	float: left;
	width: 226px;
}
.featR {
	float: right;
	width: 226px;
}
#btnUp {
	padding-bottom: 15px;
}
#btnUp2 {
	padding-bottom: 15px;
}

#btnUp li {
	display: inline;
	padding-right: 5px;	
}
#btnUp2 li {
	display: inline;
	padding-right: 5px;	
}

#boxUp {
	line-height: 1.4em;
	border-radius: 7px;        /* CSS3草案 */
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 7px;   /* Firefox用 */
	border: 2px solid #CACBD0;
	padding: 10px;
}
#boxUT {
	padding-top: 10px;
	font-size: 120%;
}


.spPhoto {
	clear: both;
	padding-top: 15px;
	padding-left: 30px;
}
.spPhoto .photoAtt {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	padding-bottom: 15px;
}
.spPhoto .photoAtt2 {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	padding-bottom: 0px;
	width: 940px;
}
.space {
	padding-top: 15px;
}
#btnMethod {
	padding-top: 15px;
	padding-left: 20px;
}

#btnMethod li {
	display: inline;
	padding-left: 20px;
}


#boxUAll {
	padding-left: 30px;
}
.exLeft {
	float: left;
	width: 480px;
	clear: both;
}
.exRight {
	float: right;
	width: 450px;
	padding-right: 20px;
}
#photoEx01 {
	padding-top: 20px;
}
#photoEx02 {
	clear: both;
	padding-top: 20px;
}
#photoEx03 {
	clear: both;
	padding-top: 20px;
}
#photoEx04 {
	clear: both;
	padding-top: 20px;
}
.textBlue {
	font-size: 150%;
	color: #188CC5;
	font-weight: bold;
}
.textBlue2 {
	font-size: 150%;
	color: #188CC5;
	font-weight: bold;
	padding-top: 15px;
}


.explainFeat {

}
.explainFeat li {
	margin-top: 7px;
	font-size: 110%;
	line-height: 1.4em;
}
.explainFeat .no1 {
	background-image: url(../images/photo/no01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.explainFeat .no2 {
	background-image: url(../images/photo/no02.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.explainFeat .no3 {
	background-image: url(../images/photo/no03.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.explainFeat .no4 {
	background-image: url(../images/photo/no04.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.explainFeat .no5 {
	background-image: url(../images/photo/no05.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.explainFeat .no6 {
	background-image: url(../images/photo/no06.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.explainFeat .no7 {
	background-image: url(../images/photo/no07.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.explainFeat .no8 {
	background-image: url(../images/photo/no08.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.explainFeat .no9 {
	background-image: url(../images/photo/no09.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.explainFeat .no10 {
	background-image: url(../images/photo/no10.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.explainFeat .no11 {
	background-image: url(../images/photo/no11.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.explainFeat .no0 {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.explainFeat .redT {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #F00;
	font-weight: bold;
}


.photoTop {
	padding-top: 0px;
}
.pTA {
	clear: both;
	padding-top: 10px;
	text-align: right;
	padding-right: 30px;
}
#mailS {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9DBDF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D9DBDF;
	margin-top: 10px;
}
#mailS td {
	font-size: 130%;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #D9DBDF;
	border-left-color: #D9DBDF;
	padding-bottom: 5px;
	text-align: center;
}
#smart {
	background-color:rgb(255,255,255);
	width:420px;
	border-color:rgb(207,208,210);
	border-width:1px;
	/* Firefox v1.0+ */
-moz-border-radius:1%;
	/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-border-radius:1%/7%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
border-radius:1%/7%;
	border-style:solid;
	/* Firefox v3.5+ */
-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.18);
	/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.18);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:2px 2px 2px rgba(0,0,0,0.18);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#2e000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#2e000000,Positive=true);
	margin-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
}
#smartText {
	padding-top: 5px;	
}
span8 {
	color: #225CCA;
	text-decoration: underline;
}

#photoList {
	padding-top: 10px;	
}
#photoList li {
	display: inline;
	padding-right: 15px;
}
.phimgL {
	float: left;
	margin-top: 30px;
	width: 440px;
}
.phimg1 {
	margin-left: 35px;
	margin-top: 30px;
}
.phbtn1 {
	background-image: url(../images/photoimage/back1.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-left: 20px;
	height: 68px;
	width: 232px;
	padding-left: 13px;
	padding-top: 7px;
}
.phimgR {
	margin-top: 30px;
	float: right;
	margin-right: 50px;
	width: 520px;
}
.phimg2 {
	margin-left: 10px;
	margin-top: 30px;
}
.phimgL2 {
	float: left;
	margin-top: 30px;
	width: 500px;
}
.phimgR2 {
	margin-top: 60px;
	float: right;
	width: 359px;
	background-image: url(../images/photoimage/back2.png);
	background-repeat: no-repeat;
	height: 196px;
	padding-top: 46px;
	padding-left: 33px;
	margin-right: 40px;
}
.phbtn3 {
	margin-top: 25px;
}
#mains .fttop {
	background-image: url(../images/firetools/tp_img1.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
}

#mains .ftbtn {
	padding-top: 220px;
	padding-left: 100px;
	padding-bottom: 30px;
}


#mains .ftbtn li {
	display: inline;
	padding-right: 15px;
}





#mains .ftnav {
	margin-top: 15px;
}
#mains .ftnav li{
	display: inline;
	margin-top: 50px;
}
#mains .ftnewtitle {
	margin-top: 20px;
	height: 300px;
	width: 500px;
}
#mains .ftcase {
	background-color:rgb(255,255,255);
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	padding: 15px;
	width: 920px;
	border: 1px solid #CACBD0;
}

#mains .ftsnav {
	background-color:#FFFFFF;
	/* Firefox v1.0+ */
-moz-box-shadow:inset 2px 2px 2px rgba(196,197,202,0.65);
	/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:inset 2px 2px 2px rgba(196,197,202,0.65);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:inset 2px 2px 2px rgba(196,197,202,0.65);
	width: 890px;
	margin-top: 10px;
	border: 1px solid #CACBD0;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 60px;
}

#mains .ftsnav .fts1 li{
	display: inline;
	margin-top: 50px;
	margin-right: 50px;
}
#mains .ftsnav .fts2 {
	margin-top: 20px;
}

#mains .ftsnav .fts2 li{
	display: inline;
	margin-top: 50px;
	margin-right: 88px;
}
#mains .ftsnav .fts2 .sna7 {
	margin-left: 12px;
}

#mains .ftspos span {
	color: #51B0FE;
}

#mains .ftnotice span {
	color: #EC7B44;
}
#mains .autonav li{
	display: inline;
}

#mains .autonav li img{
	display: inline;
	margin-right: 50px;
	margin-top: 10px;
}
.explainFeat .redatT {
	color: #F00;
	font-weight: bold;
	background-image: url(../images/firetools/atten_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.explainFeat li span{
	color: #188CC5;
	font-weight: bold;
}
.autoDL  {
	width: 890px;
	clear: both;
	padding-top: 20px;
}
.autoDL  dt{
	margin-top: 20px;
	font-size: 200%;
}
.autoDL  .adtop{
	font-size: 210%;
	padding-left: 40px;
	background-image: url(../images/firetools/ad_topicon.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.autoDL  .icon{
	background-image: url(../images/firetools/atten_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.autoDL  .ador{
	color: #F9780F;
}
.autoDL  dd{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 120%;
}
.autoDL .redT {
	color: #F00;
	font-weight: bold;
}
.autoDL .autoset  img{
	margin-top: 20px;
}

.bigT {
	font-size: 150%;
	padding-top: 10px;
	line-height: 1.4em;
	width: 920px;
}
.phinfotitle {
	margin-top: 30px;
}
.phinfostitle {
	margin-top: 5%;
	font-size: 300%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.phmaintext {
	font-size: 200%;
	margin-top: 20px;
	line-height: 1.2em;
	margin-left: 30px;
}
.phmainnav  {
	margin-left: 40px;
	margin-top: 30px;
}


.phmainnav li {
	float: left;
}

.phscene {
	background-image: url(../images/photoinfo/scene.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 944px;
	margin-left: 37px;
	margin-top: 30px;
	border: 2px solid #31456A;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
.phscene .kugiri {
	clear: left;
	padding-top: 60px;
}

.phscene dl{
	float: left;
	width: 400px;
	margin-left: 35px;
	margin-top: 40px;

}
.phscene dl dt{
	font-size: 300%;
	color: #FFF;
	text-shadow: 0 1px #31456A;
}
.phscene .mLeft{
	margin-left: 80px;

}
.phscene dl dd{
	font-size: 140%;
	color: #FFF;
	text-shadow: 0 1px #31456A;
	margin-top: 10px;
	line-height: 1.2em;
}
.phscene .saigo {
	padding-bottom: 60px;
}
.sampleroll {
	background-image: url(../images/photoinfo/sample.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 485px;
	width: 1024px;
	margin-top: 20px;
}
.sampleroll li{
	float: left;
	margin-left: 53px;
	margin-top: 20px;
}
.sampleroll li a img{
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
.sampleroll li  a{
	display: block;
	height: 270px;
	width: 270px;
}
.sampleroll li  a:hover img{
	visibility: hidden;
}
.sampleroll .nav1  {
	background-image: url(../images/photoinfo/roll01_o.png);
	background-repeat: no-repeat;
	background-position: center top;

}
.sampleroll .nav2  {
	background-image: url(../images/photoinfo/roll02_o.png);
	background-repeat: no-repeat;
	background-position: center top;

}
.sampleroll .nav3  {
	background-image: url(../images/photoinfo/roll03_o.png);
	background-repeat: no-repeat;
	background-position: center top;

}

	
.comparetable {
	background-image: url(../images/photoinfo/compare_back.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 1024px;
	font-size: 140%;
	margin-top: 10px;
	text-shadow: 0px 1px 0px #FFF;
}
.comparetable .check {
	color: #993300;
}
.comparetable .CtableL{
	float: left;
	width: 730px;
	text-align: center;
}
.comparetable .Bline {
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../images/photoinfo/compare_line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 390px;
}
.comparetable .CtableL table{
	width: 650px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.comparetable .CtableR table{
	width: 200px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.comparetable td {
	padding-top: 10px;
	padding-bottom: 10px;
}
.comparetable .lineL {
	text-align: left;
}
.comparetable .lineR {
	text-align: right;
}
.comparetable .CtableR{
	float: right;
	width: 285px;
	text-align: center;
}
.Cbikou {
	text-align: right;
	clear: both;
	padding-top: 10px;
	font-size: 120%;
}
.effect
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect:before, .effect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
.photologo {
	text-align: center;
}
.photonav{
	margin-top: 20px;
	margin-bottom: 30px;
	width: 1024px;
}

.photonav li {
	float: left;
}
.photonav .pt05 {
	padding-right: 5px;
}

.phbs{
	width: 1024px;
	margin-top: 20px;
	}
.phbs .bsT{
	font-size: 200%;
	color: #1F1F1F;

	}
.phbs .bsL{
	float: left;
	padding-right: 50px;
	margin-top: 10px;
	padding-top: 3px;	
		}
.phbs .bsR{
	width: 1000px;
	font-size: 130%;
	color: #333333;
	line-height: 160%;
	margin-top: 10px;
		}