/* CSS Document */
body {
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	margin: 0px;
	font-size: 12px;
	color: #666666;
	text-align: center;
	float: none;
	background-color: #FFFFFF;
}

td { text-align: left;}

#top {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #FFFFFF;
}

#waku {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	background-color: #FFFFFF;
}

#contents {
	width: 530px;
	float: right;
	line-height: 140%;
	padding: 20px 0px 40px 0px;
}

#contents2 {
	width: 530px;
	float: right;
	line-height: 140%;
	padding: 20px 0px 40px 0px;
	font-size: 10px;
}

#left_1 {
	width: 200px;
	float: left;
	line-height: 140%;
	margin: 0px;
	padding: 20px 0px 40px 0px;
	margin-left: 30px;
	position:absolute;
}

#footer{
	width: 800px;
	text-align: center;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-color: #FFFFFF;
}

.top2 {
	background-image: url(image/topimag01.jpg);
	width: 800px;
	height: 260px;
	text-align: right;
	line-height: 140%;
}

.works {
	background-image: url(image/works03.jpg);
	width: 800px;
	height: 260px;
}

.diary {
	background-image: url(image/diary03.jpg);
	width: 800px;
	height: 260px;
}

.mail {
	background-image: url(image/mail03.jpg);
	width: 800px;
	height: 260px;
}

.profile {
	background-image: url(image/profile03.jpg);
	width: 800px;
	height: 260px;
}

.profile-2 {
	padding: 10px 10px 10px 10px;
	margin-right: 30px;
}

.profile-3 {
	padding: 10px 10px 10px 10px;
	background-color: #CCFFFF;
	margin-right: 30px;
}

.link {
	background-image: url(image/link03.jpg);
	width: 800px;
	height: 260px;
}

.other {
	background-image: url(image/other03.jpg);
	width: 800px;
	height: 260px;
}

/* 詳細設定 */

.info_1 {
	background-image: url(image/bg02.gif);
	background-repeat: repeat;
	width: 370px;
	padding: 20px;
	color: #00CC00;
	font-size: 12px;
	margin-right: 20px;
}

.info1-2 {
	padding: 10px 15px 15px 15px;
	width: 350px;
	line-height: 140%;
	font-size: 12px;
}

.info1-3 {
	padding: 10px 15px 10px 15px;
	width: 350px;
	line-height: 140%;
	background-color: #CCFFFF;
	font-size: 12px;
}

.info1-4 {
	padding: 10px 15px 10px 15px;
	width: 350px;
	line-height: 140%;
	background-color: #FFFFCC;
	font-size: 12px;
}

.info1-5 {
	width: 370px;
}

.info_left1 {
	background-image: url(image/bg01.gif);
	background-repeat: repeat;
	width: 180px;
	padding: 10px;
}

.main {
	padding: 0px 5px 0px 5px;
	text-align: left;
	line-height: 140%;
}

.main2 {
	padding: 20px 30px 40px 30px;
	line-height: 140%;
	width: 800px;
}

.main3 {
	padding: 20px 150px 40px 180px;
	line-height: 140%;
	width: 800px;
}

.main4 {
	width: 700px;
	padding-left: 30px;
	padding-top: 15px;
}

.news td {
	vertical-align: top;
}

/* リンク関連 */

a:link {
	color: #FF6600;
	font-weight: bold;
}

a:visited {
	color: #FF6600;
	font-weight: bold;
}

a:hover {
	color: #FF3399;
	font-weight: bold;
}

.link1{
	color: #FF0099;
	font-weight: bold;
}

a:link img { border: 0px;}

a:visited img { border: 0px;}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* 行間、文字関連、回り込み 強調*/

em { font-style: normal;}

h1 {
	font-weight: normal;
	font-size: 12px;
	color: #3366FF;
	margin:0px;
}

.fontstyle1{color: #FF0000;}

.fontstyle2{ color: #FF0066;}

.fontstyle3{ color: #3366FF;}

.fontstyle4{ color: #009900;}

.fontstyle5{ color: #9933FF;}

.fontstyle6{ color: #FF6666;}

.fontstyle7{ color: #FF6600;}

.fontstyle8{ color: #000099;}

.fontstyle9{ color: #330066;}

.s { font-size: 10px;}

.m { font-size: 14px;}

.big { font-size: 16px;}

.img_space { margin: 10px 10px 7px 0px;}

.img_space2 { margin: 5px 15px 5px 15px;}

.img_space3 { margin: 10px 60px 0px 60px;}

.img_space4 { margin: 35px 0px 10px 5px;}

.img_space5 { margin: 7px;}

.img_baseline { vertical-align : baseline ;}

.img_middle { vertical-align: middle;}

.textalign-L { text-align: left;}

.textalign-R { text-align: right;}

.textalign-C { text-align: center;}

.center {
	margin-left: auto;
	margin-right: auto;
}

.worksmenu {
	text-align: right;
	width: 700px;
}

.worksmenu2 {
	margin: 0px 40px 0px 20px;
	text-align: left;
}

.worksmenu3 {
	margin: 0px 70px 0px 20px;
	text-align: right;
}

.line {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 0px 50px 0px 50px;
	padding: 15px;
}