@charset "utf-8";
/* CSS Document */


/* Default Reset -----------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd, table, caption, 
th, td, img, form {
margin: 0;
padding: 0;
border: none;
font-style: normal;
font-weight: normal;
font-size: 100%;}


/* Common -----------------------------------------------------------*/
html {
overflow-y:scroll;
}

body{
font:12px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
word-break:break-all;
color:#333333;
background:url(../img/bg_main.gif) top left;
}

img { vertical-align:bottom; }

br{
letter-spacing:0;}

label{  
cursor: pointer;}

.left{
float:left;}

.right{
float:right;}

.clear{
clear:both;}

#wrap{
width:100%;
min-height:100%;
text-align:center;
background:url(../img/bg_header.gif) top left repeat-x;}


/* Header -----------------------------------------------------------*/

#header{
width:900px;
height:117px;
background:url(../img/bg_menu.gif) top left no-repeat;
margin:0 auto;
text-align:left;}

#header h1{
float:left;}

#gm{
width:510px;
height:auto;
float:right;
text-align:left;
padding-top:25px;
}

#gm ul{
list-style-type:none;}

#gm ul li{
float:left;
margin-right:35px;}

#gm ul li.home{
width:65px;
height:21px;
background:url(../img/m_home_on.gif) left top no-repeat;}

#gm ul li.home a {
display:block;
width:65px;
height:21px;
text-decoration:none;}

#gm ul li.try{
width:104px;
height:21px;
background:url(../img/m_try_on.gif) left top no-repeat;}

#gm ul li.try a {
display:block;
width:104px;
height:21px;
text-decoration:none;}

#gm ul li.camera{
width:120px;
height:21px;
background:url(../img/m_camera_on.gif) left top no-repeat;}

#gm ul li.camera a {
display:block;
width:120px;
height:21px;
text-decoration:none;}

#gm ul li.home a:hover,
#gm ul li.try a:hover,
#gm ul li.camera a:hover {
background-color:transparent;}

#gm ul li.home a:hover img,
#gm ul li.try a:hover img,
#gm ul li.camera a:hover img {visibility:hidden;}

/* Contests -----------------------------------------------------------*/
#contents{
width:900px;
height:auto;
margin:15px auto 0 auto;
padding-bottom:30px;
position:relative;
}

h2.top_title{
margin-bottom:25px;
}

.step_box{
text-align:center;
width:300px;
height:auto;
float:left;
}

#btn_try{
	width:116px;
	height:117px;
	position:absolute;
	left: 770px;
	top: 35px;
}

#type_wrap{
text-align:left;
width:791px;
height:254px;
padding:35px 0 0 30px;
margin:0 auto;
background:url(../img/bg_try.gif) left top no-repeat;
}

.type_box{
width:171px;
padding-left:20px;
text-align:center;
float:left;
}

.type_box p.btn_print{
display:block;
width:126px;
height:31px;
margin:15px auto 0 auto;
background:url(../img/btn_ptint_on.gif) left top no-repeat;
}

.type_box p.btn_print a{
display:block;
width:126px;
height:31px;
text-decoration:none;
}

.type_box p.btn_print a:hover {background-color:transparent;}
.type_box p.btn_print a:hover img {visibility:hidden;}

#camera_wrap{
text-align:left;
width:740px;
height:520px;
margin:0 auto;
background:url(../img/bg_camera.gif) left top no-repeat;
}

#camera_area{
	width:640px;
	height:480px;
	margin:0;
	padding:20px 0 0 55px;
}

#camera{
	text-align:center;
	width:640px;
	height:480px;
	margin:0;
	padding:0;
}

#txt_area{
	text-align:left;
	width:800px;
	height:auto;
	margin:30px auto 0 auto;
	background-repeat: no-repeat;
}

p.txt_title{
font-size:120%;
color:#C0504D;
margin:0 0 15px 125px;
}

p.txt_content{
margin-left:135px;}

#gpl{
width:640px;
height:480px;
margin:30px 0 0 10px;}

#gpl p {
line-height: 1.2em;
margin-bottom: 0.5em;
}

#gpl h1 {
font-size: 16px;
font-weight: bold;
margin-bottom: 0.5em;
}

#gpl h2 {
font-size: 14px;
font-weight: bold;
margin-bottom: 0.5em;
}

#gpl blockquote {
margin: 0 2em;
}

#gpl table {
margin-top: 2em; border: 1px gray solid;
}

#gpl td {
padding: 0.5em;
}


/* Footer -----------------------------------------------------------*/
#footer{
width:100%;
height:88px;
text-align:center;
background:url(../img/bg_bottom_white.gif) left top repeat-x;
}

#footer_inner{
width:780px;
height:18px;
margin:0 auto;
text-align:left;
padding:70px 60px 0 60px;
background:url(../img/bg_bottom.gif) left bottom no-repeat;}

#footer_inner ul{
display:block;
list-style-type:none;
float:right;}

#footer_inner ul li{
font-size:10px;
display:inline;
margin-left:10px;}

#footer_inner ul li a{
color:#000000;
text-decoration:none;}

#footer_inner ul li a:hover{
color:#ffffff;
background-color:#000000;
text-decoration:none;}

/* etc -----------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html
.clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */