@charset "UTF-8";

/*
------------------------------
Theme :Snupman WEBSITE COMMON CSS
Date  :20100626

Works :ShinDesign
URL   :http://shindesign.org/

HTML/CSS Author: Shin
Version: 2.0
------------------------------
*/




/* SET    -----------------------*/

* {
	margin: 0px;
	padding: 0px;
	zoom:1;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, MS PGothic, Osaka, sans-serif, Helvetica, Verdana;
	color: #333;
	font-size: 12px;
	line-height: 1.8em;
	text-align:center;
	background-image:url(../common/snapman_background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
 img, div, ul, li, {
 behavior: url("/css/iepngfix.htc");
}

img {
	border: none;
}

.hidden {
	display: none;
}

ul {
	list-style-type: none;
}

.clearfix:after {
	content:".";
	display:block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.clearfix {
	display:inline-block;
}

/* ¥*/
* html .clearfix {
	height: 1%;
}

* html body {
	font-size: 75%;
}

/* */

.clear {
	clear: both;
}

h1 {
	text-shadow:#000 1px 1px 1px;
	color:#FFF;
	font-size:14px;
	padding:4px;
	margin:2px;
	font-weight:bold;
}

h2 {
	color:#333;
	font-size:16px;
	padding:4px;
	margin:2px;
	font-weight:bold;
}

h3 {
	font-size:14px;
	padding-left:6px;
	margin:8px 2px 2px 2px;
}

h4 {
	font-size:14px;
	padding-left:10px;
	margin:2px;
	font-weight:normal;
}

a:link {
	text-decoration: none;
	color: #333;
}

a:visited {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #F6C;
}

a:active {
	text-decoration: none;
	color: #333;
}

p.txtRed {
	font-weight:bold;
	color:#F00;
}

p.txtGray {
	font-weight:bold;
	color:#CCC;
}


/* CONTENTS ----------------------*/


#header {
	margin:0px auto;
	padding: 0px;
	width: 1000px;
	text-align:left;
	height:400px;
}

#header2 {
	margin:0px auto;
	padding: 0px;
	width: 1000px;
	text-align:center;
	height:300px;
}

#fadePhoto {
	margin-top:90px;
	margin-left:70px;
	padding:0px;
	width:890px;
	height:110px;
	text-align:center;
	}


* html #header2 {
	margin:0px;
	padding: 0px;
	width: 1000px;
	height:300px;
	text-align:left;
}

* html #fadePhoto {
	margin-top:90px;
	margin-left:70px;
	padding:0px;
	width:890px;
	height:310px;
	text-align:left;
	}


#wrapper {
	margin:0px auto;
	padding:0px;
	width:1000px;
	overflow:hidden;
}

#globalNaviBlock {
	margin:0px auto;
	padding:0px;
	width:974px;
	height:70px;
	display:block;
	overflow:hidden;
}

#headInBlockNavLe {
	margin:0px auto;
	padding:0px;
	width:960px;
	text-align:left;
	overflow:hidden;
}

div.photoGalleryCont {
	margin:0px auto;
	padding:0px;
	height:535px;
	width:930px;
	overflow:hidden;
	background-image:url(../img/gallery_wall.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

* html div.photoGalleryCont {
	margin-left:15px;
	text-align:center;
	padding:10px;
	height:535px;
	overflow:hidden;
	background-image:url(../img/gallery_wall.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

div.photoGalleryBlock {
	margin:0px auto;
	padding:10px;
	height:520px;
	width:800px;
	overflow:hidden;
	text-align:left;
}

/* leftcolumn contents area -----------*/
#columnLeft {
	margin:0px;
	padding:0px;
	float:left;
	width:320px;
	overflow:hidden;
}

/* area */
#leftAreaBlock {
	margin-top:15px;
	margin-left:10px;
	padding:0px;
}

/* area box */
div.leftInnerBox {
	margin-top:2px;
	margin-bottom:10px;
	padding:0px;
	background-image:url(../common/leftblock2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:130px;
	overflow:hidden;
	zoom :1;
}

div.leftInnerTop {
	margin-top:10px;
	margin-bottom:2px;
	padding:0px;
	height:25px;
	zoom :1;
}

div.leftInnerMid {
	margin:0px;
	padding:0px;
	height:75px;
	overflow:hidden;
	zoom :1;
}

div.leftInnerUnder {
	margin:0px;
	padding:0px;
	height:20px;
}

/* photo gallery box */
div.leftInnerPhotoBox {
	margin-top:2px;
	margin-bottom:10px;
	padding:0px;
	background-image:url(../common/leftblock5-1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:270px;
	overflow:hidden;
	zoom :1;
}

div.leftInnerTopPhoto {
	margin-top:15px;
	margin-bottom:2px;
	padding:0px;
	height:80px;
	zoom :1;
}

div.leftInnerMidPhoto {
	margin:0px;
	padding-left:15px;
	height:300px;
	overflow:hidden;
	zoom :1;
}

div.leftInnerUnderPhoto {
	margin:0px;
	padding:0px;
	height:20px;
}

div.leftInnerTop, div.leftInnerMid, div.leftInnerPhotoBox p {
	margin-left:15px;
	margin-right:20px;
	padding:3px;
	display:block;
	overflow:hidden;
	zoom :1;
}

/* main contents area -----------*/
#columnRight {
	margin:0px;
	padding:0px;
	float:left;
	width:640px;
	overflow:hidden;
}

/* wrapp */
#rightContentsBlock {
	margin:5px;
	padding:10px;
}

/* info */
div.rightInfoBlock {
	margin-left:10px;
	margin-right:5px;
	margin-bottom:20px;
	padding-bottom:20px;
	background-image:url(../common/blockbg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

div.readMoreBox {
	margin:0px;
	padding-top:5px;
	display:block;
	clear:both;
	text-align:right;
	overflow:hidden;
}

/* text property */
div#columnRight p {
	display:block;
	margin-left:20px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	padding:2px;
	clear:both;
}

div.rightInfoBlock p {
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	padding:2px;
	line-height:2.0em;
}

p.addressKinki {
	display:block;
	margin-left:20px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	padding:3px;
	clear:both;
	border-bottom:1px dotted #CCC;
	background-color:#f5f5f5;
}

p.price {
	margin-left:20px;
	padding:5px;
	color:#F00;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.4em;
}

p.topCaption {
	line-height:2em;
	color:#333;
	}

span.topCaption {
	line-height:2em;
	color:#333;
	}

/* Order Flow --------- */

div.rightFlowBlock {
	margin-left:20px;
	margin-bottom:10px;
	padding:0px;
	width:590px;
	overflow:hidden;
}

dl, dt, dd {
	margin: 0;
	padding: 0;
}

dl {
	width: 580px;
}

dt, dd {
	padding: 3px;
}

dt.step1 {
	margin:0px;
	padding-left:80px;
	padding-top:40px;
	height:150px;
	background-image:url(../common/flow/images/step1.png);
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
}

dd.step2 {
	margin:0px;
	padding-right:80px;
	padding-left:20px;
	padding-top:45px;
	height:150px;
	background-image:url(../common/flow/images/step2.png);
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
}

dt.step3 {
	margin:0px;
	padding-left:80px;
	padding-top:45px;
	height:150px;
	background-image:url(../common/flow/images/step3.png);
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
}

dd.step4 {
	margin:0px;
	padding-right:80px;
	padding-left:80px;
	padding-top:40px;
	height:150px;
	background-image:url(../common/flow/images/step4.png);
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
}

dd.step5 {
	margin:0px;
	padding-right:80px;
	padding-left:20px;
	padding-top:50px;
	height:150px;
	background-image:url(../common/flow/images/step5.png);
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
}

dd.step6 {
	margin:0px;
	padding-right:80px;
	padding-left:20px;
	padding-top:50px;
	height:150px;
	background-image:url(../common/flow/images/step6.png);
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
}

dd.step7 {
	margin:0px;
	padding-right:80px;
	padding-left:20px;
	padding-top:50px;
	height:150px;
	background-image:url(../common/flow/images/step7.png);
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
}

div.flowStep01 {
	margin-bottom:10px;
	padding-top:75px;
	padding-left:90px;
	height:110px;
	width:480px;
	clear:both;
}

div.flowStep02 {
	margin-bottom:0px;
	padding-top:0px;
	padding-left:30px;
	padding-right:90px;
	height:60px;
	width:480px;
	clear:both;
}

div.flowStep03 {
	margin-bottom:10px;
	padding-top:95px;
	padding-left:90px;
	height:110px;
	width:480px;
	clear:both;
}

div.flowStep04 {
	margin-bottom:0px;
	padding-top:10px;
	padding-left:30px;
	padding-right:90px;
	height:60px;
	width:480px;
	clear:both;
}

div.flowStep05 {
	margin-bottom:10px;
	padding-top:85px;
	padding-left:90px;
	height:110px;
	width:480px;
	clear:both;
}

div.flowStep06 {
	margin-bottom:10px;
	padding-top:0px;
	padding-left:90px;
	height:100px;
	width:480px;
	clear:both;
}

div.flowStep07 {
	margin-bottom:0px;
	padding-top:20px;
	padding-left:30px;
	padding-right:90px;
	height:60px;
	width:480px;
	clear:both;
}

/* ¥*/
* html div.flowStep02 {
	margin-bottom:0px;
	padding-top:60px;
	padding-left:30px;
	padding-right:0px;
	height:60px;
	width:500px;
	clear:both;
}

* html div.flowStep03 {
	margin-bottom:10px;
	padding-top:65px;
	padding-left:90px;
	height:110px;
	width:480px;
	clear:both;
}

* html div.flowStep04 {
	margin-bottom:0px;
	padding-top:90px;
	padding-left:30px;
	padding-right:90px;
	height:60px;
	width:500px;
	clear:both;
}

* html div.flowStep05 {
	margin-bottom:10px;
	padding-top:95px;
	padding-left:90px;
	height:110px;
	width:480px;
	clear:both;
}

* html div.flowStep06 {
	margin-bottom:10px;
	padding-top:30px;
	padding-left:90px;
	height:100px;
	width:480px;
	clear:both;
}

* html div.flowStep07 {
	margin-bottom:0px;
	padding-top:60px;
	padding-left:30px;
	padding-right:90px;
	height:60px;
	width:500px;
	clear:both;
}

/* */


/* Q and A --------- */

div.txtQimg {
	margin-top:20px;
	padding:0px;
	height:40px;
	background-image:url(../common/images/img_q.png);
	background-position:left top;
	background-repeat:no-repeat;
	clear:both;
}

div.txtQimgInner {
	margin-top:0px;
	margin-left:40px;
	padding-left:3px;
	width:90%;
}

div.txtAimg {
	margin-bottom:50px;
	padding:0px;
	height:130px;
	width:580px;
	background-image:url(../common/img_a_bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	clear:both;
}

div.txtAimgAAA {
	margin-bottom:50px;
	padding:0px;
	height:80px;
	background-image:url(../common/images/img_a.png);
	background-position:left center;
	background-repeat:no-repeat;
	clear:both;
}

div.txtAimgInner {
	margin-top:10px;
	padding-top:25px;
	width:95%;
}

p.textQ {
	font-size:120%;
	color:#000;
}

p.textA {
	color:#000;
	font-weight:bold;
}

/* images property ---------------- */
img.imgTopLogo {
	float:left;
	margin:0px;
	padding:0px;
	display:inline;
}

img.imgTopFloat {
	float:left;
	margin:5px;
	padding:2px;
	display:inline;
}

img.imgTopFloatRt {
	float:right;
	margin:5px;
	padding:2px;
	display:inline;
}

img.imgTopBanner {
	margin:0px;
	padding-top:20px;
	padding-bottom:25px;
}

img.imgReadMoreFloat {
	float:right;
	margin:5px;
	padding:2px;
	display:inline;
	overflow:hidden;
	clear:both;
}

img.imgLeftPhotoFloat {
	float:left;
	margin:2px;
	padding:0px;
	display:inline;
	border:1px solid #CCC;
	overflow:hidden;
	zoom :1;
}

img.imgRightColumn {
	margin-bottom:7px;
	padding:0px;
}

img.imgRightColumnThumb1 {
	margin:3px;
	padding:3px;
}



/* FORM ----------------------*/

div.formBlock {
	margin-top:5px;
	padding:10px;
}

div.formInner {
	margin-top:10px;
	padding:5px;
	margin-left:20px;
}


/* FORM TEST ------------------------------------------------------------------------------------------------------------------------------*/

div.formHr {
	margin:2px;
	padding:0px;
	height:40px;
	width:580px;
	border-bottom:1px dotted #CCC;
	clear:both;
}

div.formButton {
	margin-top:50px;
	padding-top:30px;
	height:100px;
	width:580px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	clear:both;
}

/* GLOBAL NAVI ----------------------*/

ul.menu {
	margin:0;
	padding:0;
}

ul.menu li {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	list-style:none;
}

ul.menu li a {
	display:block;
	width:139px;
	height:70px;
}

li.menu1 a {
	background-image:url(../common/navimenu.png);
	background-position:0 0;
	background-repeat:no-repeat;
}

li.menu1 a:hover {
	background-image:url(../common/navimenu.png);
	background-position:0 -70px;
	background-repeat:no-repeat;
}

li.menu2 a {
	background-image:url(../common/navimenu.png);
	background-position: -139px 0;
	background-repeat:no-repeat;
}

li.menu2 a:hover {
	background-image:url(../common/navimenu.png);
	background-position: -139px -70px;
	background-repeat:no-repeat;
}

li.menu3 a {
	background-image:url(../common/navimenu.png);
	background-position: -278px 0;
	background-repeat:no-repeat;
}

li.menu3 a:hover {
	background-image:url(../common/navimenu.png);
	background-position:-278px -70px;
	background-repeat:no-repeat;
}

li.menu4 a {
	background-image:url(../common/navimenu.png);
	background-position: -417px 0;
	background-repeat:no-repeat;
}

li.menu4 a:hover {
	background-image:url(../common/navimenu.png);
	background-position:-417px -70px;
	background-repeat:no-repeat;
}

li.menu5 a {
	background-image:url(../common/navimenu.png);
	background-position:-556px 0;
	background-repeat:no-repeat;
}

li.menu5 a:hover {
	background-image:url(../common/navimenu.png);
	background-position: -556px -70px;
	background-repeat:no-repeat;
}

li.menu6 a {
	background-image:url(../common/navimenu.png);
	background-position:-695px 0;
	background-repeat:no-repeat;
}

li.menu6 a:hover {
	background-image:url(../common/navimenu.png);
	background-position:-695px -70px;
	background-repeat:no-repeat;
}

li.menu7 a {
	background-image:url(../common/navimenu.png);
	background-position:-834px 0;
	background-repeat:no-repeat;
}

li.menu7 a:hover {
	background-image:url(../common/navimenu.png);
	background-position:-834px -70px;
	background-repeat:no-repeat;
}

li.menu8 a {
	background-image:url(../common/navimenu.png);
	background-position:-973px 0;
	background-repeat:no-repeat;
}

li.menu8 a:hover {
	background-image:url(../common/navimenu.png);
	background-position:-973px -70px;
	background-repeat:no-repeat;
}


/* Firefox Safari */
ul.menu:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}

/* IE7 */
ul.menu {
	display:inline-block;
}

/* IE5-IE6 */
* html ul.menu {
	height:1px;
}

ul.menu {
	display:block;
}

/* FOOTER ----------------------*/

#footer {
	clear:both;
	padding-top:10px;
	background-image:url(../common/footbg2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#000;
	color:#fff;
	text-align:center;
	border-top:1px solid #CCC;
	overflow:hidden;
}


.footerBlankBox {
	margin:0px;
	padding:0px;
	height:30px;
	text-align:center;
	display:block;
	clear:both;
	overflow:hidden;
}

.footerBannerBox {
	margin:0px;
	padding:0px;
	text-align:left;
	display:block;
	clear:both;
}

.footer-inner {
	margin:0px;
	padding-right:20px;
	text-align:right;
	font-size:10px;
	display:block;
	background-color:#000;
	color:#666;
}

.imgFootBanner {
	padding:3px;
	margin:5px;
	border:none;
	float:left;
}

div#footer a:link {
	text-decoration: none;
	color: #FFF;
}

div#footer a:visited {
	text-decoration: none;
	color: #FFF;
}

div#footer a:hover {
	text-decoration: none;
	color: #FCF;
}

div#footer a:active {
	text-decoration: none;
	color: #FFF;
}






div.laws {
	margin:0px;
	padding:0px;
	}
	
.laws table {
	border-collapse:collapse;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin:15px auto 0;
	text-align:left;
}

.laws table th {
	background-color:#F0F0F0;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-weight:normal;
	padding:8px;
}

.laws table td {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:8px;
}



div.servicePlan {
	margin:0px auto;
	background-color:#FFF;
	width:620px;
	}

.servicePlan table {
	border-collapse:collapse;
	border-left:1px dotted #CCC;
	border-top:1px solid #CCC;
	margin:15px auto 0;
	text-align:center;
	_font-size:10pt;
}

.servicePlan table th {
	background-image:url(http://snapman.jp/common/table_bg.jpg);
	background-color:#F5F5F5;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	font-weight: bold;
	padding:8px;
	letter-spacing:0.4em;
}

.servicePlan table td {
	border-bottom:1px solid #CCC;
	border-right:1px dotted #CCC;
	padding:8px;
}


/* TAB --------------*/
ul.tabSldBx{
	clear: both;
	list-style-type: none;
	height: 40px;
}
li.tabSldMp{
	float: left;
	margin: 0px;
	padding:0px;
}








div.photographerMain {
	margin:0px;
	padding:0px;
	width:640px;
	}
	
div.photographerPhoto {
	margin:0px;
	padding:0px;
	width:200px;
	float:left;
	}

div.photographerPhotoRt {
	margin:0px;
	padding:0px;
	width:200px;
	float:right;
	}

div.photographerCaption {
	margin:0px;
	padding:0px;
	width:430px;
	float:left;
	}

div.photographerCaptionRt {
	margin:0px;
	padding:0px;
	width:430px;
	float:right;
	}

.photographerMain h2 {
	margin-bottom:40px;
	}
	
img.photographerSpace {
	margin-top:100px;
	}