@charset "utf-8";


/*----------------------
　　リセット
----------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
/*    overflow-y: scroll; */
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}


/*----------------------
　　基本設定
----------------------*/

html {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size : 100%;
	line-height : 1.5;
}

body { background: #FFF; }

h1,h2,h3,h4,h5,h6 { margin-bottom : 0px;}

a { color:#15C; text-decoration: underline;}
a:hover { color:#C00; text-decoration: underline;}
ul, ol { list-style : none;}
img { vertical-align : top;}
img { max-width : 100%;}


h1 {
	margin:0 auto;
	padding:9px 10px 6px;
	color: #333;
	font-size:20px;
	line-height:140%;
	font-weight:bold;
}

h2 {
	padding:9px 0 7px 9px;
	border-left:7px solid #444;
	font-size:14px;
	line-height:18px;
	background:#eee;
	text-align:left;
}
h3 {
	padding:7px 0 5px 9px;
	border-left:7px solid #666;
	border-bottom:1px dashed #999;
	font-size:14px;
	line-height:14px;
	text-align:left;
}


#pub_head { 
	margin-bottom : 24px;
	border-top:5px solid #000;
	border-bottom:1px solid #CCC;
    -webkit-box-shadow: 0 0px 3px 0px #666;
       -moz-box-shadow: 0 0px 3px 0px #666;
            box-shadow: 0 0px 3px 0px #666;
}
#pub_navi {
	margin:0 0 20px 0 !important;
	text-align:right;
	font-size:14px;
}

.pub_table table {
    *border-collapse: collapse; /* IE7 and lower */
    width: 100%;
	font-size:15px;
	margin:5px auto 10px;
	letter-spacing:-0.01em;
    -webkit-box-shadow: 0 0px 3px 0px #666;
       -moz-box-shadow: 0 0px 3px 0px #666;
            box-shadow: 0 0px 3px 0px #666;
}
.pub_table .zebra td, .zebra th {
	border:1px solid #DFDFDF;
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
}
.pub_table .zebra tbody tr:nth-child(even) {
    background: #f5f5f5;      
}
.pub_table .zebra th {
	background-color: #333333;
    border-bottom: 1px solid #CCCCCC;
    color: #FFFFFF;
    padding: 8px 10px 4px;
    text-align: left;
}
.pub_table .width-700px {
    width: 700px;
}
.pub_table .back-txt {
    padding: 30px !important;
}

#pub_kuji {}
#pub_kuji input[type="submit"] {
	font-size: 16px;
	font-weight:bold;
	color: #fffaff;
	padding: 5px 15px;
	background:#1fc232;
	background: -moz-linear-gradient(
		top,
		#1fc232 0%,
		#0d6106);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#1fc232),
		to(#0d6106));
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 2px solid #ebf0ec;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(019,143,023,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(019,143,023,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(019,143,023,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(020,018,020,1);
}


.mt0 { margin-top:0px !important; }
.mt20 { margin-top:20px !important; }
.mt40 { margin-top:40px !important; }

.mb0 { margin-bottom:0px !important; }
.mb20 { margin-bottom:20px !important; }
.mb40 { margin-bottom:40px !important; }



@media screen and (max-width : 739px){

h1 { font-size:14px !important; }

#pub_head {
	width:110%; 
	margin-bottom:15px; 
}

#pub_main {
	margin : 0 0 30px;
}

#pub_contents { 
	margin: 0 10px ;
	width:100%;
	overflow:hidden;
	text-align : center;
}

hr { border:0; }

/*----------------------
　　フォーム装飾
----------------------*/

input[type="text"],input[type="password"] {
	width:90%;
	padding:3px;
	height: 24px;
	border: 1px solid #999999;
	font-size: 18px;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 5px #666;
	   -moz-box-shadow: inset 0px 0px 5px #666;
	        box-shadow: inset 1px 1px 2px #CCC;
}

input[type="radio"],[type="checkbox"] {
	margin: 0 5px 0 0;
    width: 17px;
    height: 35px;
    border: 1px solid #333;
    vertical-align: middle;
}

select {
	padding:5px;
	border: 1px solid #999999;
	font-size: 18px;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 5px #666;
	   -moz-box-shadow: inset 0px 0px 5px #666;
	        box-shadow: inset 1px 1px 2px #CCC;
}

input[type="submit"] {
	padding:10px 50px;
	background: #333;
	border:0;
	color: #FAFAFA;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

input[type="submit"]:hover { opacity:0.7; cursor:pointer; }

input[type="button"] {
	padding:10px 50px;
	background:#00ff7f;
	border:0;
	color: #FAFAFA;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}


/*----------------------
　　テーブル
----------------------*/

dl { margin: 0 auto 10px;	width:100%; }
dt { padding: 10px 0 0 ; }
dd { padding: 0 0 10px; text-align:center; border-bottom:1px dotted #CCC; }


/*----------------------
　　登録完了画面
----------------------*/

#pub_complet {
	margin:0 auto;
	padding:0 5px;
	width:100%;
	text-align:center;
}

#pub_complet h2 {
	margin: 40px auto 30px;
	font-size:20px;
	font-weight:bold;
}
#pub_complet .info1 {
	margin:0 10px 10px;
	padding:10px;
	width:95%;
	background:#FFC;
	text-align:center;
	font-size:12px;
}
#pub_complet .info2 {
	margin:0;
	padding: 20px 0 10px 0 ;
	color:#C00;
	border-top: 1px dotted #CCCCCC;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
#pub_complet .info3 {
	text-decoration:underline;
	font-size:14px;
}


/*----------------------
　　３分タイマー
----------------------*/

#pub_complet div.count {
	max-width:460px;
	margin:0 0 18px 0;
}
#pub_complet div.count p {
	font-size:15px;
	line-height:8px;
	margin-left:4px;
	color:#FFF;
}
#pub_complet div.count_box {
	background:#CCC;
	max-width:460px;
}
#pub_complet div.count_o {
	margin:0px;
	width:0px;
	display: block;
}
#pub_complet div.count_i {
	height:29px;
	background:#F90;
	border:1px solid #CCC;
}
#pub_complet #count_time {
	top:19px;
	left:100px;
	position:relative;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}


/*----------------------
　　フォルダ分け一覧
----------------------*/

#pub_complet #wake { 
	max-width:650px;
	margin:20px auto ; 
}
#pub_complet #wake div.wake_left {
	width:320px;
	float:left;
}
#pub_complet #wake div.wake_right {
	width:320px;
	float:right;
}
#pub_complet #wake li {
	margin: 0 8px 7px 0 ;
	padding: 7px 0 4px 13px;
	width:136px;
	border:0;
	float: left;
	text-align: center;
	color: #333;
	font-size:12px;
	font-weight:bold;
	text-shadow: 1px 1px 0px #FFF;
	background: -moz-linear-gradient(top,#FFF 0%, #D7D7D7);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
	-webkit-border-radius:  3px; /* Safari,Chrome */
		-moz-border-radius: 3px;       /* Firefox */
			border-radius:  3px;          /* CSS3 */
}
#pub_complet #wake li:hover { background: #CCC; }


}





@media screen and (min-width : 740px) {

h1 { max-width:730px; }

#pub_main {
	margin : 0 auto;
	max-width:750px;
	overflow: hidden;
}
#pub_main p {
	margin:10px 0 10px 10px;
}

#pub_main .pub_contents {
	margin:0;
}

#pub_main .cont-box {
	margin: 10px 5px 50px ; 
	padding:20px 10px 25px;
	width:96%;
	text-align:center;
	-webkit-box-shadow: 0px 0px 5px #666;
	   -moz-box-shadow: 0px 0px 5px #666;
			box-shadow: 0px 0px 5px #666;
} 

hr {
	border-bottom:1px dotted #CCC; 
	width:92%; height:0; 
	border-top:#FFF;
	margin-bottom:20px;
	clear:both;
}

/*----------------------
　　フォーム装飾
----------------------*/

input[type="text"],input[type="password"] {
	width:80%;
	padding:3px;
	height: 24px;
	border: 1px solid #999;
	font-size: 18px;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 5px #666;
	   -moz-box-shadow: inset 0px 0px 5px #666;
	        box-shadow: inset 1px 1px 2px #CCC;
}

input[type="radio"],[type="checkbox"] {
	margin: 0 5px 0 0;
    width: 17px;
    height: 35px;
    border: 0 none;
    vertical-align: middle;
}

select {
	padding:5px;
	border: 1px solid #999;
	font-size: 18px;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 5px #666;
	   -moz-box-shadow: inset 0px 0px 5px #666;
	        box-shadow: inset 1px 1px 2px #CCC;
}

input[type="submit"] {
	padding:10px 50px;
	background: #333;
	border:0;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
input[type="submit"]:hover { opacity:0.7; cursor:pointer; }

input[type="button"] {
	padding:10px 50px;
	background: #00ff7f;
	border:0;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
input[type="button"]:hover { opacity:0.7; cursor:pointer; }

/*----------------------
　　テーブル
----------------------*/

dl,dt,dd {
	margin: 0;
    padding: 0;
}
dl {
	margin: 0 0 10px 20px;
    zoom: 1; 
}
dl.pub_form dt {
	margin: 0 0 9px 0;
	padding: 17px 20px 5px 5px;
	width:200px;
	float:left;
	clear:both;
	text-align:right;
	font-weight:bold;
	border-top:1px dotted #CCC;
}
dl.pub_form > dd {
	margin: 0 0 9px;
	padding: 11px 5px 0px;
	width:390px;
	float:left;
	text-align:center; 
	border-top:1px dotted #CCC;
}

*+html dl.pub_form > dd {
	float:none;
}


/*----------------------
　　登録完了画面
----------------------*/

#pub_complet {
	margin:0 auto;
	max-width:750px;
	text-align:center;
}

#pub_complet h2 {
	margin: 40px 0 30px 0 ;
	font-size:30px;
	font-weight:normal;
	background:#FFF;
	border:0;
	text-align:center;
}

#pub_complet .info1 {
	margin:0 auto 30px;
	padding:10px 20px;
	width:500px;
	background:#FFC;
	text-align:center;
	line-height:30px;
}

#pub_complet .info2 {
	margin:10px 0 -10px ;
	color:#C00;
	font-size:30px;
	font-weight:bold;
	line-height:28px;
}
#pub_complet .info3 {
	text-decoration:underline;
	font-size:14px;
}

/*----------------------
　　３分タイマー
----------------------*/

#pub_complet div.count {
	max-width:670px;
	margin: 0 auto;
	padding:0 15px ;
}
#pub_complet div.count p {
	font-size:15px;
	line-height:8px;
	margin-left:4px;
	color:#FFF;
}
#pub_complet div.count_box {
	background:#CCC;
	max-width:650px;
}
#pub_complet div.count_o {
	margin:0px;
	width:0px;
	display: block;
}
#pub_complet div.count_i {
	height:29px;
	background:#F90;
	border:1px solid #CCC;
}
#pub_complet #count_time {
	top:30px;
	position:relative;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}

/*----------------------
　　フォルダ分け一覧
----------------------*/

#pub_complet #wake { 
	max-width:650px;
	margin:20px auto 0; 
}
#pub_complet #wake div.wake_left {
	width:320px;
	float:left;
}
#pub_complet #wake div.wake_right {
	width:320px;
	float:right;
}
#pub_complet #wake li {
	margin: 0 8px 7px 0 ;
	padding: 7px 0 4px 13px;
	width:136px;
	background: #F0F0F0;
	border:0;
	float: left;
	text-align: center;
	color: #333;
	font-size:12px;
	font-weight:bold;
	text-shadow: 1px 1px 0px #FFF;
	background: -moz-linear-gradient(top,#FFF 0%, #D7D7D7);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
	-webkit-border-radius:  3px; /* Safari,Chrome */
		-moz-border-radius: 3px;       /* Firefox */
			border-radius:  3px;          /* CSS3 */
}
#pub_complet #wake li:hover { background: #FC0; }


}