@charset "utf-8";

/*
	Site Name: saya web 
	Description: profile pages
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	01: saya tanaka's page layout
	02: Ransumi
	03: yjc

==========================================================
*/

/* -------------------------------------------------------
	01: saya tanaka's page layout
------------------------------------------------------- */
#layoutMain h2 {
	margin-bottom		: 15px;
	color				: #99072d;
	font-size			: 16px;
	font-weight			: bold;
}
#layoutMain h2 span {
	padding-left: 10px;
}
#layoutMain .inner {
	padding-left: 1em;
	width: 650px;	
}

.leftSide{
	float: left;
	padding-bottom: 25px;
	width: 360px;
}
.leftSide span{
	display: block;
	padding-top: 15px;
}
.leftSide table{
	margin: 30px 0 00px;
}
.leftSide table th{
	width:60px;
	vertical-align: top;
	padding: 5px 0px;
  border-top: dotted #ccc 1px;
  border-bottom: dotted #ccc 1px;
}
.leftSide table td{
	vertical-align: top;
	padding: 5px 0 5px 0;
  border-top: dotted #ccc 1px;
  border-bottom: dotted #ccc 1px;
}
.rigthSide{
	float: right;
	width: 250px;
}
.rigthSide img{
	display: block;
	width:100%;
}



#layoutMain ul.tabbox{
	width:650px;
	margin-left: 20px;
}
#layoutMain ul.tabbox li {
	float:left;
	box-sizing: border-box;
	width:14%;
	height:40px;
	margin-top: 5px;
	cursor:pointer;
	text-align:center;
	line-height:40px;
	background: #EFEFEF;
	border:1px solid #ccc;
	border-left:none;
}
#layoutMain ul.tabbox li:first-child {
	border-left:1px solid #ccc;
}
#layoutMain ul.tabbox li:hover {
	background-color:#99072d;
	color: #fff;
	
}
#layoutMain ul.tabbox li.selected {
	height:45px;
	margin-top: 0px;
	color: #99072d;
	font-weight: bold;
	line-height:45px;
	background-color:#fff;
	border-top:3px solid #99072d;
	border-bottom:none;
}
#layoutMain ul.textbox {
	width:635px;
	min-height: 200px;
	margin-left: 20px;
	padding:30px 0 30px 10px;
	box-sizing: border-box;
}
#layoutMain ul.textbox li {
	display:none;
}
#layoutMain ul.textbox li.hide {
	display:block;
}


#layoutMain ul.textbox table {
	width:100%;
	margin-bottom:  30px;
}
#layoutMain ul.textbox table th{
	width:  30px;
}
#layoutMain ul.textbox table th,
#layoutMain ul.textbox table td {
	padding:  10px 0 10px 10px ;
	vertical-align:  top;
	border-bottom:  dotted 1px #ccc;
}
#layoutMain ul.textbox h4 {
	margin-bottom: 5px;
}