/* CSS Document */

body {
	background: #FFFFFF url(/wp-content/themes/blogtimes/images/bg.jpg) center repeat-y ;
	color:#555555;
	line-height:1.4em;
	margin:0;
	padding:0;
	}

div,table,p,ul,li,h1,h2,h3,h4,h5,form{
	margin:0;
	padding:0;
	text-align:left;
	}
ul, li{
	list-style:none
	}
img{
	border:0;
	}

#campus {
	margin-top:0px;
	margin: auto;
	text-align:center;
	padding: 0px;
	width: 800px;
	background:#ffffff;
}



#header{
	background:url(/wp-content/themes/blogtimes/images/hd-bg.jpg) repeat-x;
	width:800px;
	height:70px;
	}
	#header .logo{
		padding:15px 25px;
		display:block;
		float:left
		}
	#header h1{
		color:#123D70;
		font-size:10px;
		font-weight:bold;
		float:right;
		text-align:right;
		padding-top:33px;
		padding-right:20px;
		line-height:16px;
		}

	#header h1 a{
		color:#123D70;
		text-decoration:none;
		}
	#header h1 a:hover{
		color:#123D70;
		text-decoration:underline;
		}

#navi{
	height:32px;
	padding-top:8px;
	padding-left:45px;
	background:url(/wp-content/themes/blogtimes/images/nv-bg.jpg);
	}
	#navi li{
		margin-left:7px;
		float:left;
		font-size:12px;
		color:#FFFFFF;
		height:32px;
		}
	#navi .logout{
		margin-right:2em;
		float:right;
		font-size:12px;
		letter-spacing:1px;
		color:#FFFFFF;
		}

	#navi .logout a{
		color:#FFFFFF;
		text-decoration:none;
		}
	#navi .logout a:hover{
		color:#FFFFFF;
		text-decoration:underline;
		}

#contents{
	clear:both;
	margin-top:20px;
	padding-bottom:20px;
	width:700px;
	font-size:12px;
	line-height:20px;
	}

	#contents .caption{
		margin:1em 0;
		}
	#contents a{
		color:#123D70;
		text-decoration:none;
		}
	#contents a:hover{
		color:#123D70;
		text-decoration:underline;
		}

	#contents h2 {
		font-size:14px;
		font-weight:bold;
		letter-spacing:1px;
		}
	#contents td.title {
		border-bottom:1px dotted #123D70;
		}
	#contents td.text {
		border-bottom:1px dotted #123D70;
		}

	#contents td.title2 {
		border-bottom:1px dotted #123D70;
		}
	#contents td.text2 {
		border-bottom:1px dotted #123D70;
		}

	#contents #company {
		margin-top:1.5em;
		}
	#contents #company a {
		color:#1EB6E7;
		text-decoration:underline;
		}
	#contents #company a:hover {
		color:#123D70;
		text-decoration:underline;
		}
	
	#contents .signup {
		overflow:auto; 
		width:680px; 
		height:500px; 
		border:1px solid #123D70; 
		padding:10px;
		margin-top:1em;
		}
		#contents .signup h3{
			font-size:12px;
			width:660px; 
			border-bottom:1px dotted #123D70; 
			padding-bottom:3px;
			margin-top:1em;
			}
		#contents .signup p{
			padding:5px 0px;
			}
		
	#contents .contact {
		padding:5px;
		margin-top:1em;
		}
	#contents #main {
		float:left;
		width:470px;
		}
	#contents #sidemenu {
		float:right;
		width:205px;
		}

	#contents .param_title {
		margin:1em 0px;
		border-bottom:1px dotted #123D70;
		font-weight:bold;
		}

	#contents .error {
		color:#FF0000;
		}

	#contents #aboutsite h2 {
		margin:1.5em 0 1em 0;
		font-size:14px;
		text-align:right;
		width:700px;
		}
	#contents #aboutsite .navi_list {
		font-size:10px;
		text-align:right;
		width:700px;
		}
	#help .navi_list {
		font-size:10px;
		text-align:right;
		width:520px;
		}
	#contents #aboutsite .entry {
		margin:1em 0 0.5em 3.5em;
		font-size:12px;
		border:1px solid #CCCCCC;
		width:642px;
		padding:7px;
		}
	#help .entry {
		margin:1em 0 0.5em 2.5em;
		font-size:12px;
		border:1px solid #CCCCCC;
		width:472px;
		padding:7px;
		}
	#contents #aboutsite h3 {
		margin:1em 0 1em 3.5em;
		border-bottom:1px dotted #123D70;
		font-size:12px;
		font-weight:normal;
		color:#123D70;
		}
	#help h3 {
		margin:1em 0 1em 2.5em;
		border-bottom:1px dotted #123D70;
		font-size:12px;
		font-weight:normal;
		color:#123D70;
		width:488px;
		}
	#contents #aboutsite ul {
		margin:1em 1em 1em 3.5em;
		}
	#contents #aboutsite li {
		margin:0.5em 0;
		font-size:12px;
		font-weight:normal;
		color:#123D70;
		}

	#main #aboutsite ul {
		margin:1em 1em 1em 2.5em;
		}
	#main #aboutsite li {
		margin:0.5em 0;
		font-size:12px;
		font-weight:normal;
		color:#123D70;
		}

/* Mypage */

#mypage{
	clear:both;
	margin-top:20px;
	margin-bottom:1em;
	width:750px;
	font-size:12px;
	line-height:20px;
	color:#444444;
	}

	#mypage a{
		color:#444444;
		text-decoration:none;
		}
	#mypage a:hover{
		color:#123D70;
		text-decoration:underline;
		}
	#mypage #main {
		float:left;
		width:530px;
		margin-bottom:1em;
		}
		#mypage #main h4{
			margin:2em 0 0 0;
			font-size:14px;
			font-weight:bold;
			}
		#mypage #main .caption{
			margin:1em 0;
			}
		#mypage #main .caption2{
			margin:1em 0 0 0;
			}
		#mypage #main .caption3{
			margin:2em 0 0 0;
			}
		#mypage #main .checkpoint{
			margin:1px 0;
			width:508px;
			padding:5px;
			background-color:#F3FDD9;
			}
			#mypage #main .checkpoint li{
				margin-left:1.5em;
				list-style:url(/wp-content/themes/blogtimes/images/list-image-checkpoint.jpg) outside;
				}
		#mypage #main .error{
			color:#FF0000;
			}
		#mypage #main .box{
			border:1px solid #CCCCCC;
			width:515px;
			margin-top:0.5em;
			margin-bottom:1em;
			padding:1px;
			}
			#mypage #main .box a.remark {
				color:#FF0000;
				font-weight:bold;
				text-decoration:underline;
				}
			#mypage #main .box a:hover.remark {
				color:#FF6600;
				font-weight:bold;
				text-decoration:underline;
				}
			#mypage #main .box .padding {
				padding:3px;
				}
			#mypage #main .box td.title {
				background-color:#E7EFF6;
				font-size:12px;
				color:#444444;
				font-weight:bold;
				line-height:16px;
				}
			#mypage #main .box td.title2 {
				background-color:#E7EFF6;
				border-left:1px dotted #CCCCCC;
				font-size:12px;
				color:#444444;
				font-weight:bold;
				padding-left:5px;
				line-height:16px;
				}
			#mypage #main .box td.title3 {
				background-color:#E7EFF6;
				border-top:1px solid #CCCCCC;
				font-size:12px;
				color:#444444;
				font-weight:bold;
				padding-left:5px;
				line-height:16px;
				}
				#mypage #main .box td.title3_sub {
					background-color:#E7EFF6;
					border-left:1px solid #CCCCCC;
					border-top:1px solid #CCCCCC;
					font-size:12px;
					color:#444444;
					font-weight:bold;
					padding-left:5px;
					line-height:16px;
					}
			#mypage #main .box td.title4 {
				background-color:#E7EFF6;
				border-top:1px dotted #CCCCCC;
				border-left:1px dotted #CCCCCC;
				font-size:12px;
				color:#444444;
				font-weight:bold;
				padding-left:5px;
				line-height:16px;
				}
			#mypage #main .box td.title5 {
				background-color:#E7EFF6;
				border-bottom:1px dotted #CCCCCC;
				font-size:12px;
				color:#444444;
				font-weight:bold;
				padding-left:5px;
				line-height:16px;
				}
			#mypage #main .box td.title6 {
				background-color:#E7EFF6;
				border-left:1px dotted #CCCCCC;
				font-size:12px;
				color:#444444;
				font-weight:bold;
				line-height:16px;
				}
			#mypage #main .box td.title7 {
				background-color:#E7EFF6;
				border-left:1px dotted #CCCCCC;
				font-size:12px;
				color:#444444;
				font-weight:bold;
				padding-bottom:0px;
				line-height:16px;
				}
			#mypage #main .box td.title7 .line{
				background:url(../images/summary_line.jpg) left bottom repeat-x;
				height:11px;
				width:auto;
				}
			#mypage #main .box td.list {
				border-top:1px solid #CCCCCC;
				font-size:12px;
				padding:5px;
				}
				#mypage #main .box td.list a{
					color:#444444;
					text-decoration:underline;
					}
				#mypage #main .box td.list a:hover{
					color:#123D70;
					text-decoration:none;
					}
			#mypage #main .box td.list2 {
				border-top:1px solid #CCCCCC;
				border-left:1px dotted #CCCCCC;
				font-size:12px;
				}
			#mypage #main .box td.list3 {
				border-left:1px dotted #CCCCCC;
				font-size:12px;
				padding-left:5px;
				}
			#mypage #main .box td.list4 {
				font-size:12px;
				padding-left:5px;
				}
			#mypage #main .box td.list5 {
				border-top:1px dotted #CCCCCC;
				border-left:1px dotted #CCCCCC;
				font-size:12px;
				}
			#mypage #main .box td.list6 {
				border-bottom:1px dotted #CCCCCC;
				font-size:12px;
				}

			#mypage #main .box td.list_title {
				border-top:1px solid #CCCCCC;
				border-left:1px dotted #CCCCCC;
				font-size:12px;
				}
				#mypage #main .box td.list_title a{
					color:#444444;
					text-decoration:underline;
					}
				#mypage #main .box td.list_title a:hover{
					color:#123D70;
					text-decoration:none;
					}
				
		#mypage #main .box2 {
			width:515px;
			text-align:right;
			margin-bottom:1em;
			}
			#mypage #main .box2 a{
				color:#444444;
				text-decoration:underline;
				}
			#mypage #main .box2 a:hover{
				color:#123D70;
				text-decoration:none;
				}

	#mypage #main .detail{
		width:520px;
		margin-top:3em;
		}
		#mypage #main .detail h2{
/*			background:url(/wp-content/themes/blogtimes/images/icon_release_detail.jpg) left no-repeat;*/
			font-size:18px;
			font-weight:bold;
			color:#000000;
			border-top:1px solid #CDCDCD;
			border-bottom:2px solid #CDCDCD;
			padding:5px 5px 5px 5px;
			}
		#mypage #main .detail .each{
			width:510px;
			margin:1em 1em 2em 1em;
			}
			#mypage #main .detail .companyname{
				float:left;
				font-size:14px;
				}
			#mypage #main .detail .each .box{
				width:164px;
				float:left;
				border:none;
				}
				#mypage #main .detail .each .box img{
					width:160px;
					}
				#mypage #main .detail .each .box textarea{
					width:156px;
					}
		#mypage #main .detail h3{
			padding:0px;
			}
			
	#mypage #sidemenu {
		float:right;
		width:192px;
		}
		#mypage #sidemenu .box{
			width:192px;
			background:url(/wp-content/themes/blogtimes/images/menu_mypage_mid.jpg) repeat-y top;
			margin-bottom:1em;
			}
			#mypage #sidemenu .box ul{
				margin:0;
				padding:6px 0px 10px 0px;
				}
			#mypage #sidemenu .box li{
				padding:0px 0px 0px 15px;		
				}

		
#top{
	clear:both;
	width:700px;
	}

#login{
	background:url(/wp-content/themes/blogtimes/images/lg-bg.jpg) top left repeat-y;
	width:180px;
	color:#FFFFFF;
	font-size:12px;
	}
	#login .Title{
		padding-left:15px;
		}
	#login label{
		font-size:10px;
		line-height:14px;
		}
	#login .line{
		margin:10px;
		}
	#login .line2{
		margin:0 10px;
		}
	#login .right{
		text-align:right;
		padding-right:10px;
		padding-top:3px;
		padding-bottom:3px;
		}
	#login .center{
		text-align:center;
		font-weight:bold;
		}
	#login input.lgn{
		border:1px solid #FFFFFF;
		width:120px;
	}
	
#top #topimg{
	margin-left:12px;
	}
#top #toroku{
	padding-top:10px;
	}

#about{
	margin-top:20px;
	margin-bottom:10px;
	width:700px;
	}
	#about #img1{
		margin-bottom:14px;
		background:url(/wp-content/themes/blogtimes/images/tp-txt01.jpg) top left no-repeat;
		width:700px;
		height:142px;
	}
	#about #img1 h3{
		color:#FFA439;
		font-size:12px;
		display:block;
		position:relative;
		top:95px;
		left:30px;
		width:670px;
	}
	#about #img2{
		background:url(/wp-content/themes/blogtimes/images/tp-img02.jpg) top left no-repeat;
		width:702px;
		height:303px;
	}
	#about #img2 .box{
		font-size:11px;
		letter-spacing:0.2px;
		width:234px;
		height:151px;
		line-height:14px;
	}

	#about #img2 .box .step1{
		display:block;
		position:relative;
		float:left;
		top:10px;
		left:10px;
		width:210px;
	}
	#about #img2 .box .step2{
		display:block;
		position:relative;
		float:left;
		top:10px;
		left:18px;
		width:210px;
	}
	#about #img2 .box .step3{
		display:block;
		position:relative;
		float:left;
		top:10px;
		left:22px;
		width:200px;
	}
	#about #img2 .box .step4{
		display:block;
		position:relative;
		float:left;
		top:15px;
		left:22px;
		width:200px;
	}
	#about #img2 .box .step5{
		display:block;
		position:relative;
		float:left;
		top:8px;
		left:18px;
		width:200px;
	}
	#about #img2 .box .step6{
		display:block;
		position:relative;
		float:left;
		top:8px;
		left:10px;
		width:200px;
	}
	
#footer{
	clear:both;
	padding-top:5px;
	padding-bottom:20px;
	width:700px;
	border-top:1px solid #1EB6E7;
	}
	#footer .copyright {
	font-size:10px;
	clear:both;
	width:690px;
	text-align:center;
	}
	#footer b{
	float:left;
	font-weight:normal;
	}
	#footer p{
	float:right;
	font-size:10px;
	color:#666666;
	}
	#footer p a{
	color:#333333;
	text-decoration:none;
	}
	#footer p a:hover{
	color:#333333;
	text-decoration:underline;
	}

.endmessage{
	font-size: 15px;
	font-weight: bold;
}