@charset "utf-8";

/* =========================================================
■YUI Reset
========================================================= */
body, div, dl, dt, dd, ul, ol, li,
h0, h1, h2, h3, h4, h5, h6, h7, pre,
form, fieldset, input, textarea,
p, blockquote, th, td {
	margin: 0; padding: 0;
}

table {	border-collapse: collapse; border-spacing: 0;}
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal;}
ol,ul {	list-style: none; }
caption, th { text-align: left; }
h0, h1, h2, h3, h4, h5, h6, h7 { font-size: 100%; font-weight: normal;}


/* =========================================================
■Reset of Default Style
========================================================= */
h0, h1, h2, h3, h4, h5, h6, h7, p, address, blockquote,
ol, ul, li, dl, dt, dd,
table, th, td, form, div {
	zoom: 1; /* hasLayout True */
}
textarea { font-size: 100%; }
img {	vertical-align: bottom; }

/* =========================================================
■Base Style
========================================================= */
ol,
ol li {
	list-style-type: decimal;
	zoom: normal; /* hasLayout False */
}

/* =========================================================
■base
========================================================= */
html{
	height:100%;
	margin: 0px auto;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	height:100%;
	margin: 0px;
}


html div#container{
	height:100%;
	/*height:1500px;*/
	position: relative;
}

#container {
 width:860px;
 position: relative;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

/* =========================================================
■メニュー
========================================================= */
.j1{ float: right;
	margin-right:10px;
	text-align: center;
	/*width:100px;*/
	height:30px
}

#boxA {
	font-size:12px;
	/*text-align:center;*/
	width:860px;
	float:center;
}

#boxA h4 {
	font-weight:bold;
	padding: 5px;
	font-size: 150%;
	color: #FF69B4;
}

/* =========================================================
■左のプロフィール
========================================================= */
#boxB {
	background-image: url("../img/list.png");
	padding: 2px 10px 2px;
	font-size:12px;
	width:220px;
	float:left;
}

#boxB h3 {
	font-weight:bold;
	padding: 5px;
	font-size: 150%;
	color: #FF69B4;
}

#boxB h5 {
	padding: 5px;
	font-size: 80%;
	color: #FF69B4;
}
/*boxB*/


/* =========================================================
■メインコンテンツ
========================================================= */
#boxC {
	/*index.htmlだけ*/
	/*background-color:#f8f8f8;*/
	width:620px;
	float:left;
}

#boxC h6 {
	text-align:center;
	padding: 5px;
	font-size: 150%;
	color: #FF69B4;
}


/* =========================================================
■ヘッダー
========================================================= */
#headerbg {
	background-image: url("../img/bar.jpg");
	width:100%;
	background-repeat: repeat-x;
	min-width:1300px;
}

#header {
	height: 120px;
	margin: 0;
	padding: 0;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}

#header h1 {
	font-weight:bold;
	margin: 0 0 30px;
	padding: 5px;
	font-size: 150%;
	background: #000000;
	color: #FFF;
}
/*ヘッダー*/



/* =========================================================
■プロフィール
========================================================= */
p.bg_gray_1 {
	padding: 5px 5px 5px;
	font-size:12px;
	color:#000;
	background-repeat: repeat-y;
	background-color:#e0e0e0;
}
p.bg_gray_2 {
	padding: 5px 5px 5px;
	font-size:12px;
	color:#000;
	background-repeat: repeat-y;
	background-color:#f8f8f8;
}

p.slideshow1 {
	height: 170px; width: 155px; margin: auto
}
p.slideshow1 img {
	padding: 5px; border: 1px solid #ccc; background-color: #eee;
}
p.slideshow2 {
	height: 170px; width: 155px; margin: auto
}
p.slideshow2 img {
	padding: 5px; border: 1px solid #ccc; background-color: #eee;
}
p.slideshow3 {
	height: 170px; width: 155px; margin: auto
}
p.slideshow3 img {
	padding: 5px; border: 1px solid #ccc; background-color: #eee;
}

/* =========================================================
■ポートフォリオ
========================================================= */
p.normal{
	font-weight:700;
	font-size:16px;
}
p.back_p1 {
	width:495px;
	text-align: center;
	font-size:14px;
	color:#000;
	background-repeat: repeat-x;
	background-color:#e0e0e0;
	margin:0px 0px 0px 0px
}
.back_p2 {
	width:200px;
	background-repeat: repeat-y;
	background-color:#f8f8f8;
}
.back_p3 {
	width:280px;
	padding: 10px 10px 5px 10px;
	font-size:11px;
	color:#000;
	background-repeat: repeat-y;
	background-color:#f8f8f8;
}

/* =========================================================
■コンタクト
========================================================= */
p.gray_1 {
	padding: 5px 5px 5px;
	font-size:12px;
	color:#000;
}
p.gray_2 {
	padding: 5px 5px 5px;
	font-size:12px;
	color:#000;
}

.gray_back1{
	background-image: url(../img/back1.png);
}
.gray_back2{
	background-image: url(../img/back2.png);
}

p.red {
	padding: 5px 65px 5px;
	text-align: left;
	font-size:11px;
	color:#FF0000;
}
strong {
	color: #ff0000;
}
asuta {
	font-size:10px;
	color: #ff0000;
}
error {
	font-size:12px;
	color: #ff0000;
}
p.send {
	text-align: center;
	font-size:14px;
	color: #000000;
}

/* =========================================================
■フッター
========================================================= */

#footerbg {
	clear: both;
	background-image: url("../img/bar.jpg");
	width:100%;
	background-repeat: repeat-x;
	min-width:1300px;
}

#footerbg .inner {
	width: 840px;
	margin: 0 auto;
	padding: 20px 10px;
	text-align: center;
}

#footer{
	width: 1300px;
	text-align:center;
	height:80px;
	color:#FFF;
	font-size:10px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}

ul.footer_list{
	margin:0;
	padding:0;
	list-style-position:inside;
	list-style-type:none;
	text-align:center;
}

ul.footer_list li{
	/*float:left;*/
	width:auto;
	white-space:nowrap;
	margin-right:5px;
	padding:0px;
	text-align:center;
	display:inline;
	/*border-left:1px solid #fff;*/
}
/*フッター*/