/* === layout === */

* { 
	/* don't remove */
	margin:0px;
	padding:0px;
}
#header{
	width:100%
	height: 120px;
	background-image:url(images/header_bg_mini.png);
}
#header_centering{
	width: 113px; 
	height: 120px;
	margin: 0 auto;  
}
#contents{
	width:100%;
	padding-top:20px;
	padding-bottom:40px;
}
#contents_centering{
	padding: 5%;
	margin: 0 auto;    
}


/* mobile */
@media screen and (max-width: 768px) {
	#contents_right{ 
                                display:none; 
                } 
	#contents_left{
		width:100%;
		float:left; 	
	}	
	iframe { width:100%; }
}

/* PC */
@media screen and (min-width: 769px) {
	#contents_right{
    		width:25%;
		float:left;
		padding-left:5%;	
	}
	#contents_left{
		width:70%;
		float:left; 	
	}
                iframe { width:100%; }

}



#footer {
	width:100%;
	background-image:url(images/footer_bg.png);
	padding: 30px 0px 30px 0px;
	margin: 0 auto;
	text-align: center;
}


#footer div{
	margin-bottom:16px;
}




/* === whole === */
body {
	font-family: Meiryo, Helvetica, sans-serif;
	font-size: 16px;
}
ul, li {
	list-style:none;
}
a {
	text-decoration:none;
	color:#ff9900;
}
img {
	border:0px;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
fieldset {
   border-width: 0;
}
.clr {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

.paging{
	float:left;
	padding:10px;
}

.margin0 {
	margin:0px;
	padding:0px;
}


/* === WordPress classes === */
.alignleft {
	float: left;
	margin: 10px 20px 15px 0;
}
.alignright {
	float: right;
	margin: 10px 0 15px 20px;
}
.aligncenter {
	display: block;
	margin: 20px auto;
}

/* === font, span === */

.footer_font {
	color:#fff;
}
.footer_copyright {
	color:#aaa;
	font-size:12px;
}

.title_line{
	width:100%;
	background:url(images/lines_bg.png) bottom center repeat-x;
	padding-bottom:8px;
	margin-top:4px;
}
.title_line_member{
	width:726px;
	background:url(images/lines_bg.png) bottom center repeat-x;
	padding-bottom:8px;
	margin-top:4px;
}
.datestyle {
	float:left;	
	position: relative;
	color:#d3d3d3;
	background:#323232;
	width:44px;
	height:46px;
	text-align:center;
	margin-right:8px;
	padding-top:6px;
	padding-bottom: 2px;
	display:block;
	font-size:18px;
	font-weight: bold;
	line-height: 23px;
}
.post_title {	
	line-height: 34px;
	font-size:30px;
	float: none;
	color:#383838;
}
.post_title a{
	line-height: 34px;
	font-size:30px;
	float: none;
	color:#383838;
}
.post_info {
	color: #383838;	
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;	
}


.post_title2 {	
	line-height: 34px;
	font-size:30px;
	float: none;
	color:#383838;
	margin-bottom:10px;
	margin-top:30px;
}

.post_title2a {	
	line-height: 34px;
	font-size:30px;
	float: none;
	color:#383838;
	margin-bottom:10px;
	margin-top:0px;
}

.post_title2b {	
	line-height: 34px;
	font-size:30px;
	float: none;
	color:#383838;
	margin-bottom:20px;
	margin-top:30px;
}



/* eyeCatch */
.eye_frame {
	width:224px;
	height:224px;
	background:url(images/eye_bg.png) left top no-repeat;	
	float:left;
}
.eye_img{
	display: block;
	width:180px;
	margin: 0 auto;
	padding-top:12px;
}

.eye_next_div{
	width:726px;	
	float:left;
}
.eye_frame_small {
	width:112px;
	height:112px;
	background:url(images/eye_bg_small.png) left top no-repeat;	
	float:left;
}
.eye_img_small{
	display: block;
	width:90px;
	margin: 0 auto;
	padding-top:8px;
}





/* new price table */

#pricing-table {
    margin: 0px auto;
    text-align: center;
    
}

#pricing-table .plan {
    font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
    text-shadow: 0 1px rgba(255,255,255,.8);        
    background: #fff;      
    border: 1px solid #ddd;
    color: #333;
    padding: 20px;
    width: 180px; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */      
    float: left;
    position: relative;
    margin-right:5px;
    margin-bottom: 20px;	
}

/* mobile */
@media screen and (max-width: 736px) {
	#pricing-table .plan {
		float: none;
        }
}


#pricing-table #most-popular {
    z-index: 2;
    top: -13px;
    border-width: 3px;
    padding: 30px 20px;
    border-radius: 5px;
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
}

#pricing-table .plan:nth-child(1) {
    border-radius: 5px 0 0 5px;        
}

#pricing-table .plan:nth-child(4) {
    border-radius: 0 5px 5px 0;        
}

#pricing-table h3 {
    font-size: 20px;
    font-weight: normal;
    padding: 20px;
    margin: -20px -20px 50px -20px;
    background-color: #fff;
    background-image: linear-gradient(#fff, orange);
}

#pricing-table #most-popular h3 {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    margin-top: -30px;
    padding-top: 30px;
    border-radius: 5px 5px 0 0;         
}

#pricing-table .plan:nth-child(1) h3 {
    border-radius: 5px 0 0 0;       
}

#pricing-table .plan:nth-child(4) h3 {
    border-radius: 0 5px 0 0;       
}   

#pricing-table h3 span {
    display: block;
    font: bold 16px/100px Georgia, Serif;
    color: #777;
    background: #fff;
    border: 5px solid #fff;
    height: 100px;
    width: 100px;
    margin: 10px auto -65px;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

#pricing-table ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

#pricing-table li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}
    
#pricing-table .signup {
    position: relative;
    padding: 8px 20px;
    margin: 20px 0 0 0;  
    color: #fff;
    font: bold 14px Arial, Helvetica;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;       
    background-color: #72ce3f;
    background-image: linear-gradient(#72ce3f, #62bc30);
    border-radius: 3px;     
    text-shadow: 0 1px 0 rgba(0,0,0,.3);        
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
}

#pricing-table .signup:hover {
    background-color: #62bc30;
    background-image: linear-gradient(#62bc30, #72ce3f); 
}

#pricing-table .signup:active, #pricing-table .signup:focus {
    background: #62bc30;       
    top: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}

.clear:before, .clear:after {
  content:"";
  display:table
}

.clear:after {
  clear:both
}

.clear {
  zoom:1
}