@charset "UTF-8";

/* ----------------基本構造---------------------*/

body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	
	scrollbar-arrow-color: #000000;
    scrollbar-base-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    
}
    
div{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h2{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

article+article{
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

article article{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h3{
	margin: 15px 0px 5px 0px;
	
}

p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5;
}

p+p{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5;
}

ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
}

ol{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

header, nav, section, article, footer {
	display: block;
}

a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none; 
	font-weight: bold;
}
	
	a:link { color: #808080; }
	a:visited { color: #808080; }
	a:active { color: #ff0000; }
	a:hover { color: #ff0000; }

a img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
}


/* ----------------全体---------------------*/

#wrapper{
	width:880px;
	height:560px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	/*background-color:gray*/
	position:relative;
}

/* ----------------ヘッダー---------------------*/

#header{
	position:absolute; top:10px; right:155px;
	width:300px;
	height:70px;
	/* background-color:blue; */
}

/* ----------------ナビ---------------------*/

#nav{
	float:right;
	width:140px;
	height:538px;
	/*background-color:green;*/
}



/* --各ナビの設定 --*/


/* インフォ */
.nav_info a{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:70px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/out/info.jpg") no-repeat left top;
}
	
.nav_info a:hover{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:140px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/on/info.jpg") no-repeat left top;
}
	
.p_nav_info a{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:140px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/on/info.jpg") no-repeat left top;
}
	
/* ギャラリー */
.nav_img a{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:70px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/out/img.jpg") no-repeat left top;
}
	
.nav_img a:hover{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:140px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/on/img.jpg") no-repeat left top;
}
	
.p_nav_img a{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:140px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/on/img.jpg") no-repeat left top;
}
	
/* ワーク */
.nav_work a{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:70px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/out/work.jpg") no-repeat left top;
}
	
.nav_work a:hover{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:140px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/on/work.jpg") no-repeat left top;
}
	
.p_nav_work a{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:140px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/on/work.jpg") no-repeat left top;
}
	
/* メモ */
.nav_memo a{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:70px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/out/memo.jpg") no-repeat left top;
}
	
.nav_memo a:hover{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:140px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/on/memo.jpg") no-repeat left top;
}
	
.p_nav_memo a{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:140px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/on/memo.jpg") no-repeat left top;
}

/* リンク */
.nav_link a{
	display: block;
	margin: 118px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:70px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/out/link.jpg") no-repeat left top;
}
	
.nav_link a:hover{
	display: block;
	margin: 118px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:140px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/on/link.jpg") no-repeat left top;
}
	
.p_nav_link a{
	display: block;
	margin: 118px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:140px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/on/link.jpg") no-repeat left top;
}

/* メール */
.nav_mail a{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:70px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/out/mail.jpg") no-repeat left top;
}
	
.nav_mail a:hover{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:140px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/on/mail.jpg") no-repeat left top;
}
	
.p_nav_mail a{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:140px;
	height:70px;
	text-decoration:none;
	text-indent: -9999em;
	background: url("../img/nav/on/mail.jpg") no-repeat left top;
}
	
/* ----------------コンテンツ---------------------*/
#t_content {
	froat:left;
	width:730px;
	height:530px;
	padding:5px;
	background: url("../img/bg.jpg") no-repeat left top;
}

#content {
	margin:0px 10px 0px 0px;
	padding:95px 10px 10px 10px;
	width:720px;
	height:435px;
	background:pink url("../img/bg.jpg") no-repeat left top;
	
}

.content_space{
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	width:700px;
	height:435px;
	overflow-y: scroll;
	
}
.content_space_l{
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 50px;
	width:660px;
	height:435px;
	overflow-y: scroll;
	
}

/* ----------------画像---------------------*/

.img{
	float:left;
	margin:10px 10px 0px 10px;
	width:400px;
	height:400px;
	/* background-color:red; */
}

.img img{
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

/* ----------------サンプル---------------------*/

.sumple{
	width:400px;
	height:100px;
	margin:10px 0px 0px 0px;
	/* background-color:pink; */
}

.sumple li{
	float:left;
	width:100px;
	height:100px;
	list-style-position:inside;
}

.sumple li a {
	margin:0px;
	padding:0px;
	
}

.sumple li img {
	margin:0px;
	padding:0px;
	
}

/* ----------------右枠---------------------*/

.info{
	float:right;
	margin:0px 10px 0px 0px;
	padding:90px 0px 0px 0px;
	width:300px;
	height:440px;
	/* background-color:yellow; */
}

/* ----------------アバウト---------------------*/

.about{
	width:300px;
	height:175px;
	/*background-color:red;*/
}

.about ul{
	margin:10px 0px 15px 0px;
}

.about ul li{
	margin:5px 0px 5px 0px;
}

/* ----------------履歴---------------------*/

.update{
	width:300px;
	height:200px;
	margin:10px 0px 0px 0px;
	/* background-color:green; */
}

.up{
	width:300px;
	height:120px;
	padding:5px;
	background: url("../img/update_bg.jpg") no-repeat left top;
}

.up_t{
	width:290px;
	height:110px;
	overflow-y: scroll;
}

.update p{
	padding:5px;
}

/* ----------------仕事履歴---------------------*/

.w_intro{
	margin: 10px 0px 50px 5px;
	padding: 0px 0px 0px 0px;
	list-style-type: circle;
	list-style-position: inside;
}

.w_intro_b {
	margin: 5px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	list-style-position: inside;
}
	
.w_intro, w_intro_b li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	
.w_intro p {
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

/* ----------------フッター--------------------- */

#footer{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 880px;
	height:10px;
	text-indent:-9999em;
	background-color: pink;
	background: url("../img/footer.jpg") no-repeat top left;
}