@charset "utf-8";

/*
Theme Name: SUBHAND
Author: SUBHAND.LLC
Author URL: http://www.subhand.net/
*/


/* common
---------------------------------------------*/
* {margin:0;padding:0;}





/* layout
---------------------------------------------*/

/*TopIntro-Start*/
body { 


}


	




#wrap3333 {
		min-width: 1000px;
		margin: 0px;
	padding: 0px;
		background-image: url(../images1/bg.jpg);
	background-position: center top;
	background-repeat: repeat;
	background-attachment: fixed;
	 text-align:left;
  font-size: 35px;
  font-family:  "游ゴシック体",Arial,Helvetica,"Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,Osaka,"MS PGothic",sans-serif;
    color: #000000;
		font-weight: 500;
	 line-height: 1.7;
  letter-spacing: 0em;

	background-image: url("../images1/bg_01.png");
background-repeat: repeat-y;
	background-position: center top;
	background-position:50% 0%;
}




#container3333 {

	text-align:center;
	width:1000px;
	margin:0 auto;
	
	
}





		/*----- pagination333（コメント閲覧番号センター分け） -----*/
  .pagination333 {
    text-align: center;
    margin: 20px 0;
  }

	
.pagination333 a {
  display: inline-block;
  text-decoration:none;
}




.pagination333 a.current {
  background-color: #01248c;
  border: 1px solid #ccc;
  color:white;
}

.pagination333 a:hover
{
  background-color: #3a8acf;
}

.pagination333 a:hover span
{
  color:white;	
}

.pagination333 a.current {
  text-decoration: none;
}
.pagination333 a.current:hover {
  cursor: default;
   color:white;
}




	
	/*=======================================
	comment333
=======================================*/

#comment333{
  padding: 60px 30px 60px 30px;
}

#comment333 h1 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}
#comment333 p {
  font-size: 14px;
}
#comment333 ul.list {
  border-top: 2px solid #333;
}
#comment333 ul.list li {
  padding: 0 10px;
}
#comment333 ul.list > li {
  border-bottom: 2px solid #ccc;
}
#comment333 article footer {
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
  line-height: 1;
}
#comment333 ul.list > li > article footer {
  padding-top: 20px;
}
#comment333 article footer .user {
  float: left;
  font-size: 14px;
  font-weight: bold;
}
#comment333 article footer .user img {
  vertical-align: top;
  margin: 0 10px 0 0;
  display: inline;
}
#comment333 article footer .time {
  float: right;
  font-size: 14px;
  color: #666;
}
#comment333 article footer + div {
  padding: 10px 0 20px 0;
}
#comment333 ul.res {
  padding: 0 0 0 20px;
}
#comment333 ul.res li {
  margin-bottom: 10px;
}
#comment333 article footer:after {
  content: "";
  display: block;
  clear: both;
}
	
	
	
	

	/*=======================================
	form
=======================================*/

.brownbox
{
	width:100px;
	height:50px;
	border-radius: 0px;
	background-color:white;
	
	font-size:29px;
	text-align:center;
	color:#d93b6f;
	font-weight: bold;
	font-family: Arial,Helvetica,"游ゴシック体","Yu Gothic",YuGothic,Meiryo,Osaka,"Hiragino Kaku Gothic Pro","MS PGothic",sans-serif;

}


.inputbox
{
	margin-right:0px;
		border-radius: 5px;
padding:10px;
		width:800px;
	    height:90px;
	 	border: 2px solid #01248c; 
}





.Darkbrownbox
{
	width:100px;
	height:50px;
	border-radius: 0px;
	background-color:white;
	
	color: #d93b6f;
	font-weight:bold;
	left: 198px;
	font-size:30px;
	text-align:center;
	
	font-family:Arial,Helvetica,"游ゴシック体","Yu Gothic",YuGothic,Meiryo,Osaka,"Hiragino Kaku Gothic Pro","MS PGothic",sans-serif;

}

.situmon{
	text-align: left;
padding-left:100px;
}

.situmon2{
padding-left:100px;
padding-bottom:10px;
	padding-top:30px;
}





.questionexplatin
{
	color:white;
	font-size: 31px;
		padding-bottom:15px;
		padding-top:5px;

}

.questionexplatin2
{
	color:white;
	font-size: 31px;
		padding-left:15px;
	line-height:1.3;

}
.questionexplatin3
{
	font-size: 24px;
	
	

}
.namae
{
	font-size: 27px;
	font-weight:bold;


}


.tyusyaku
{
	font-size: 15px;
	

}

.textareastyle
{
	width:800px;
	height:200px;
	border-color:#001a56;
	border-width:2px;
	border-radius: 8px;
padding:10px;
}

.textareastyle2
{
	width:780px;
	height:55px;
	border-color:#001a56;
	border-width:2px;
	border-radius: 8px;
padding:20px ;
}


.current
{
	width:40px;
	height:40px;
	font-size:20px;
	color:white
}

.notcurrent
{
	width:40px;
	height:40px;
	font-size:20px;
	color:white;
}

.pagination333box
{
		color:#180b57;
}

.comment333username
{
	position:relative;
	top:15px;
	font-size:15px;
}

.comment333naiyou
{
	font-size:20px;
	position:relative;
	left:-360px;
	font-size:15px;
}

.comment333area
{
	text-align:left:
}



.thistr
{
	height:88px;
		font-size:20px;
}



.GraduationText{
	
	color:white;
	font-family: Arial,Helvetica,"游ゴシック体","Yu Gothic",YuGothic,Meiryo,Osaka,"Hiragino Kaku Gothic Pro","MS PGothic",sans-serif;
    font-size:40px;
	}


.commentnaiyou
{

	
}


.formbtn{
padding-top:60px;
	
}
.formbtn:hover {
  opacity: 0.8;
	 transition:0.3s;

	
}

.commentarea{

	text-align:left;
		font-size:17px;
}