/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:13px;line-height:99%;}
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* for IE6 --------------------------- \*/
* html{ filter:expression(document.execCommand("BackgroundImageCache", false, true));}
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); } /*for MacIE*/

/* init for IE 5.5-7 */
div{
	zoom:1;
}

/* init for modern browser */
div:after{
	content:" ";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* font size (default font-size: 13px) ---------------------------
	10px  77%
	11px  85%
	12px  93%
	13px  100%
	14px  108%
	15px  116%
	16px  123.1%
	17px  131%
	18px  138.5%
	19px  146.5%
	20px  153.9%
	21px  161.6%
	22px  167%
	23px  174%
	24px  182%
	25px  189%
	26px  197%
*/

.pink  {color: #FF69B4;}
.orange{color: #ff3300;}
.black {color: #000000;}
.dark  {color: #333333;}
.gray  {color: #666666;}
.silver{color: #7e7e7e;}
.white {color: #ffffff;}
.purple{color: #800080;}
.navy  {color: #191970;}

.pink_b  {color: #FF69B4; font-weight: bold;}
.orange_b{color: #ff3300; font-weight: bold;}
.black_b {color: #000000; font-weight: bold;}
.dark_b  {color: #333333; font-weight: bold;}
.gray_b  {color: #666666; font-weight: bold;}
.silver_b{color: #7e7e7e; font-weight: bold;}
.white_b {color: #ffffff; font-weight: bold;}
.purple_b{color: #800080; font-weight: bold;}
.navy_b  {color: #191970; font-weight: bold;}

.bold {font-weight: bold;}
.heavy { color: #4d4d4d; font-weight: bold;}
.green { color: #24A265; }
.green_b { color: #24A265; font-weight: bold; }

.size-4 {font-size:70%;}
.size-3 {font-size:77%;}
.size-2 {font-size:85%;}
.size-1 {font-size:93%;}
.size  {font-size:100%;}
.size1 {font-size:111%;}
.size2 {font-size:116%;}
.size3 {font-size:124%;}
.size4 {font-size:139%;}

.size-4_b {font-size:70%; font-weight: bold;}
.size-3_b {font-size:77%; font-weight: bold;}
.size-2_b {font-size:85%; font-weight: bold;}
.size-1_b {font-size:93%; font-weight: bold;}
.size_b   {font-size:100%;font-weight: bold;}
.size1_b  {font-size:111%;font-weight: bold;}
.size2_b  {font-size:116%;font-weight: bold;}
.size3_b  {font-size:124%;font-weight: bold;}
.size4_b  {font-size:139%;font-weight: bold;}

.listlink {
	font-size:93%;
	color: #333333;
	text-decoration:none;
}

.vtop {
	vertical-align:top;
}

.clear {
	clear:both;
	width:0px;
	height:0px;
	font-size:0px;
	line-height:0px;
}

}
.content {
    width: 580px
}



/*---------------------------*/
img {
	border: none;
}

input {
	vertical-align:middle;
}


/* mouse pointer --------------------------- */
a {
	cursor: pointer;
	text-decoration: underline;
	color:#333333;
}

li a {
	cursor: pointer;
	text-decoration: none;
	color:#333333;
}

a:hover {
	text-decoration: underline;
	color:#333333;
}

a.hover_line {
	text-decoration: none;
}
a.hover_line:hover {
	text-decoration: underline;
}



/* hidden TEXT --------------------------- */
.img {
	display:none;
}



/* spacer --------------------------- */
.spacer1px {
	width:1px;
	height:1px;
	font-size:1px;
	line-height:1px;
	padding:0px;
	margin:0px;
}

.spacer3px {
	width:1px;
	height:3px;
	font-size:3px;
	line-height:3px;
	padding:0px;
	margin:0px;
}

.spacer5px {
	width:1px;
	height:5px;
	font-size:5px;
	line-height:5px;
	padding:0px;
	margin:0px;
}

.spacer10px {
	width:1px;
	height:10px;
	font-size:10px;
	line-height:10px;
	padding:0px;
	margin:0px;
}

.spacer20px {
	width:1px;
	height:20px;
	font-size:20px;
	line-height:20px;
	padding:0px;
	margin:0px;
}




/*- BODY ボディ
 --------------------------- */
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	font-family: Osaka,Meiryo,'MS PGothic',sans-serif;
}

body_f {
	background-color: #FFFFFF;
	margin: 0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	font-family: Osaka,Meiryo,'MS PGothic',sans-serif;
}

body * { line-height: 1.4em;}

#body {
	width:100%;
	height:100%;
	float:none;
	background-color:#FFFFFF;
	background-attachment: fixed;
	margin: 0px auto 0px auto;
	text-align: left;
}

#site {
	width: 910px;
	/*width: 100%;*/
	min-width: 910px;
	float:none;
	background-color:#FFFFFF;
	line-height:normal;
	margin: 0px auto 0px auto;
	clear:right;
}


/*- FORM  フォーム
  --------------------------- */
input.text1 {
	height: 16px;
	margin:0px 0px 0px 0px;
	/*padding:2px 0px 0px 2px;*/
	border: 1px solid #b2b2b2;
	background:#FFF;
	font-family:Osaka,"MS UI Gothic",sans-serif;
}

input.text2 {
	height: 17px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 2px solid #b2b2b2;
	background:#FFF;
	font-size:12px;
	font-family:Osaka,"MS UI Gothic",sans-serif;
}

select.select { 
	border: 1px solid #7F9DB9;
}

textarea {
	width: 300px;
	height: 6em;
	line-height: 1.3em;
	margin:5px 5px 5px 5px;
	/*scrollbar-base-color: #b2b2b2;*/
	background:#FFF;
	font-family:Osaka,"MS UI Gothic",sans-serif;
}

.noselect {}



/*- Header ヘッダー
--------------------------- */
#header_main_3 {
    border-bottom: 1px solid #999999;
    width: 910px;
    height: 80px;
    margin: 3px 0px 3px 0px;
}


/*- Header Logo ヘッダーロゴ
--------------------------- */

#header_logo {
    float: left;
}


/*- Header Link ヘッダーリンク
--------------------------- */

#header_navi03 {
    float: right;
    margin-top: 30px;
}
#header_navi03 li {
    border-left: 1px solid #333333;
    display: inline;
    line-height: 1.5em;
    padding: 0 0.4em 0 0.4em;
}
#header_navi03 li.first {
    border-left: none;
}


/*
    display: inline;
*/
    line-height: 1.5em;
    padding: 0 0.4em 0 0.4em;




/*- Contents コンテンツ
--------------------------- */
#contents_frame {
	clear:both; /* for MacIE */
	float:left;
	width:99.23%;
	background-color:#fff;
}

#contents {
	clear:both;
	padding:0px 20px 10px 20px;
	background-color:#fff;
}


/*- Footer フッター
--------------------------- */
#footer {
    clear: both;
    border-top: 1px solid #999999;
    width: 910px;
    height: 15px;
    margin: 5px 0px 3px 0px;
}
#footerCopyRight {
    float: left;
}
#footerNavi {
    float: right;
}
#footerNavi li {
    border-left: 1px solid #333333;
    display: inline;
    line-height: 1.5em;
    padding: 0 0.4em 0 0.4em;
}
#footerNavi li.first {
    border-left: none;
}


/*- to Page Top Link  
--------------------------- */
#page_top_link {
	font-size:93%;
	margin-top:5px;
	height:15px;
	text-align:middle;
}

#page_top_link a {
	float:right;
	height:15px;
	padding:0px 0px 0px 10px;
	text-decoration:none;
}

.up_arrow a {
	background: url("img/icon_to_top.gif") no-repeat left center;
}

#page_top_link a:hover {
	text-decoration:underline;
}


/*- input  
--------------------------- */

table#input {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 678px;
}
table#input th {
    border: 1px solid #CCCCCC;
    width: 175px;
    text-align: right;
    padding: 2px;
}
table#input td {
    border: 1px solid #CCCCCC;
    text-align: left;
    padding: 4px;
    vertical-align: middle;
}
table#input td select {
    width: 100px;
}
table#input th p {
    font-size: 1.6em;
    font-weight: bold;
    margin-right: 5px;
}
table#input th p.explain {
    font-size: 1.0em;
    font-weight: normal;
}
#photographerEditButton {
    text-align: center;
    margin: 10px;
}

/*- confirm  
--------------------------- */

h2.photographerConfrimTitle {
    border-left: 3px solid #DC1E79;
    font-size: 2em;
    font-weight: bold;
    margin: 5px;
    padding-left: 3px;
    text-align: left;
}

/*- complete  
--------------------------- */

#photographerComplete {
    border: 1px solid #CCCCCC;
    margin: 0 40px;
    padding: 40px 0;
    width: 598px;
}

/*- login  
--------------------------- */

#mainPopupLogin {
    width: 620px;
    margin: 10px 40px;
}
#photographerLoginBox {
    text-align: center;
    margin: 10px 157px;
}