@charset "utf-8";
/* index

1.HTML TAG
2.LAYOUT

3.HEADER(*)
4.GLOVAL NAVIGATION(*)
5.MAIN CONTENTS(*)
6.SUB CONTENTS(*)
7.FOOTER(*)

*/



/* 3.HEADER */
#header h1 img {
padding: 0 0 0 6px;
float:left;
}





/* 4.GLOVAL NAVIGATION */
ul.gnavi1 {
position: absolute;
right:18px;
	font-size: 80%;
	list-style-type:none;
	height:23px;
	margin:0;
	padding: 10px 0;
}
.gnavi1 li {
margin: 0 5px;
float:left;
}
.gnavi1 li a {
background : transparent url(http://www.kotomomo.com/images/gnavi1.gif) no-repeat left center ;
padding-left: 10px;
text-decoration:none;
color: #5e5851;
}
.gnavi1 li a:hover {
background-image :url(http://www.kotomomo.com/images/gnavi1_on.gif);
text-decoration:none;
color: #262420;
}
.gnavi1 li.active a, .gnavi1 li.active a:hover, .gnavi1 li.active{border-bottom:1px solid #bcb;}


ul.gnavi2 {
	list-style-type:none;
	position:absolute;
	top:30px;
	right:6px;
	display:block;
	width:443px;
	height:33px;
	margin:0;
	padding:0;
}
.gnavi2 {
	padding:0;
	margin:0;
}
.gnavi2 li {float:left;}
.gnavi2 li a {
	display:block;
	height:33px;
	float:left;
	padding:0;
	}
.gnavi2 li.m05 a, .gnavi2 li.m05 {width:87px; background:url(http://www.kotomomo.com/images/gnavi2.gif) no-repeat 0 0;}
.gnavi2 li.m06 a, .gnavi2 li.m06 {width:88px; background:url(http://www.kotomomo.com/images/gnavi2.gif) no-repeat -88px 0;}
.gnavi2 li.m07 a, .gnavi2 li.m07 {width:79px; background:url(http://www.kotomomo.com/images/gnavi2.gif) no-repeat -175px 0;}
.gnavi2 li.m08 a, .gnavi2 li.m08 {width:80px; background:url(http://www.kotomomo.com/images/gnavi2.gif) no-repeat -254px 0;}
.gnavi2 li.m09 a, .gnavi2 li.m09 {width:109px; background:url(http://www.kotomomo.com/images/gnavi2.gif) no-repeat -334px 0;}

.gnavi2 li.m05 a:hover {background-position:0 100%;}
.gnavi2 li.m06 a:hover {background-position:-88px 100%;}
.gnavi2 li.m07 a:hover {background-position:-175px 100%;}
.gnavi2 li.m08 a:hover {background-position:-254px 100%;}
.gnavi2 li.m09 a:hover {background-position:-334px 100%;}

.gnavi2 li.active a, .gnavi2 li.active a:hover, .gnavi2 li.active{border-bottom:1px solid #bcb;}




/* 5.MAIN CONTENTS */
#bnr {
position:absolute;
bottom:125px;
left:590px;
}

.navi_works {
	width:170px;
	margin-top: 10px;
	padding:0;
}
#worksnavi .photo {
	width:520px;
	height:350px;
	margin:0;
	padding:1px 0 0 1px;
	background-image:url(http://www.kotomomo.com/images/pagetop/photobg.gif);
	background-repeat:no-repeat;
	float:left;
}
#worksnavi .photo2 {
	width:520px;
	margin:0;
	padding:0 0 40px 0;
	background-image:url(http://www.kotomomo.com/images/flower.gif);
	background-repeat:no-repeat;
	background-position:center center;
	float:left;
}
#worksnavi .photo2 p {
	margin:2px 0 15px 0;
}
h3.webworks{
border-top:1px dotted #3b7a80;
border-left:10px solid #3b7a80;
border-bottom:1px dotted #3b7a80;
padding-left:5px;
margin-bottom:10px;
}
#worksnavi .photo2 p {
	margin:2px 0 15px 0;
}



#worksnavi ul{
	width:170px;
	padding-right:20px;
	_padding:0;
	float:right;
	_float:none
}
.navi_works ul {
	width:170px;
	margin:0;
	padding:0;
}
.navi_works li {
	line-height:100%;
	font-size:0;
	list-style-type:none;
	width:170px;
}
.navi_works li a {
	display:block;
	width:170px;
	padding:0;
}
.navi_works li.w01 a, .navi_works li.w01 {height:23px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 0;}
.navi_works li.w02 a, .navi_works li.w02 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -23px;}
.navi_works li.w03 a, .navi_works li.w03 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -40px;}
.navi_works li.w04 a, .navi_works li.w04 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -57px;}
.navi_works li.w05 a, .navi_works li.w05 {height:42px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -74px;}
.navi_works li.w06 a, .navi_works li.w06 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -116px;}
.navi_works li.w07 a, .navi_works li.w07 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -133px;}
.navi_works li.w08 a, .navi_works li.w08 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -150px;}
.navi_works li.w09 a, .navi_works li.w09 {height:43px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -167px;}
.navi_works li.w10 a, .navi_works li.w10 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -210px;}
.navi_works li.w11 a, .navi_works li.w11 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -227px;}
.navi_works li.w12 a, .navi_works li.w12 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -244px;}
.navi_works li.w13 a, .navi_works li.w13 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -261px;}
.navi_works li.w14 a, .navi_works li.w14 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -278px;}
.navi_works li.w15 a, .navi_works li.w15 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -295px;}
.navi_works li.w16 a, .navi_works li.w16 {height:17px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -312px;}

.navi_works li.w01 a:hover {background-position: 100% 0;}
.navi_works li.w02 a:hover {background-position: 100% -23px;}
.navi_works li.w03 a:hover {background-position: 100% -40px;}
.navi_works li.w04 a:hover {background-position: 100% -57px;}
.navi_works li.w05 a:hover {background-position: 100% -74px;}
.navi_works li.w06 a:hover {background-position: 100% -116px;}
.navi_works li.w07 a:hover {background-position: 100% -133px;}
.navi_works li.w08 a:hover {background-position: 100% -150px;}
.navi_works li.w09 a:hover {background-position: 100% -167px;}
.navi_works li.w10 a:hover {background-position: 100% -210px;}
.navi_works li.w11 a:hover {background-position: 100% -227px;}
.navi_works li.w12 a:hover {background-position: 100% -244px;}
.navi_works li.w13 a:hover {background-position: 100% -261px;}
.navi_works li.w14 a:hover {background-position: 100% -278px;}
.navi_works li.w15 a:hover {background-position: 100% -295px;}
.navi_works li.w16 a:hover {background-position: 100% -312px;}


.navi_works li.w062 a, .navi_works li.w062 {height:51px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -116px;}
.navi_works li.w122 a, .navi_works li.w122 {height:34px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -244px;}
.navi_works li.w152 a, .navi_works li.w152 {height:34px; background:url(http://www.kotomomo.com/images/navi_works.gif) no-repeat 0 -295px;}

.navi_works li.w062 a:hover {background-position: 100% -116px;}
.navi_works li.w122 a:hover {background-position: 100% -244px;}
.navi_works li.w152 a:hover {background-position: 100% -295px;}



.kobito {
position:absolute;
top:550px;
right:40px;
}


.bar {
	clear:both;
	margin:40px 0 10px 0;
}

.topics {width: 180px; float:left;}
.topics h3 {margin:0; padding:0 10px 0 10px;}
.topics p.excerpt a{font-size: 75%; color: #cce;}
.topics p {margin:0; padding:5px 10px 0 10px;}
.left a:hover img {margin-left:2px;}

.newbox {
vertical-align:text-top;
margin-bottom:20px
}
.newbox img {
border-top:1px solid #eed;
border-right:1px solid #987;
border-bottom:1px solid #987;
border-left:1px solid #eed;
}

.thumbnails {width: 160px; float:left;text-align:center;line-height:1.0em;padding-right:17px;_padding-right:10px;margin:0 0 30px 0;}
.thumbnails h3 {font-weight:normal; font-size:1.0em; margin:0; padding:0 10px 0 10px;}
.thumbnails img {
border-top:1px solid #eed;
border-right:1px solid #987;
border-bottom:1px solid #987;
border-left:1px solid #eed;
margin-bottom: 5px;
}
.thumbnails a:hover img {margin-left:2px;}
img.new {

background-image:url(http://www.kotomomo.com/images/bg_new.gif);
padding:3px;
border:none;
}

.bigthumbnails {width: 210px; float:left; margin:0 25px 20px 0;}
.bigthumbnails h3 {font-weight:bold; font-size:100%; margin:0; padding:0 10px 0 10px;}
.bigthumbnails img {
border-top:1px solid #eed;
border-right:1px solid #987;
border-bottom:1px solid #987;
border-left:1px solid #eed;
margin-bottom: 5px;
}
.bigthumbnails a:hover img {margin-left:2px;}
.bigthumbnails p{
font-size:90%;
text-align:left;
line-height:1.3em;
}

.normal img {
border-top:1px solid #eed;
border-right:1px solid #987;
border-bottom:1px solid #987;
border-left:1px solid #eed;
}
.normal a img {
border:1px solid #00c;
margin-bottom: 5px;
}
.normal a:hover img {margin-bottom:2px;}
.normal h3 img {
border:none;
}



.photoname {
font-size:80%;
color:#987;
background-color:#fff;
padding:1px 2px;
position:absolute;
top:389px;
right:238px;
}
.photoname a{color:#987;}

.twocolumn {clear:both;}
.twocolumn img {
border:1px solid #654;
margin: 0 10px 10px 0;
float:left;
}
.twocolumn a img {
border:1px solid #0a66cd;
}
.twocolumn h3 {
padding: 50px 0 20px 0;
}

.sitemap tr td {
margin:0;
padding:0;
padding:0 20px;
}

.spec {
	color: #876;
	font-size:9.5px;
	text-align:left;
	margin-top:10px;
	border-top:1px dotted #876;
	line-height:12px;
}

#hitofuki {
position:absolute;
top:440px;
left:595px;
}


/* 6.SUB CONTENTS */
#sub_content ul{
	list-style: none;
	font-size:95%;
	margin:0;
	padding:0;
}













/* 7.FOOTER */
#footer p {margin:0}