
/* ===================基本設定=================== */


img{			border		:none;
			display		:block;	}

*{			padding		:0px;
			margin		:0px;
			font-weight	:normal;
			text-align	:left;}

a{			color		:#2255aa;
			font-size	:12px;
			line-height	:12px;}

a:hover{		color		:#5588dd;}

div{			margin		:0px auto;}

ul{			list-style-type	:none;}

/* ===================共通段組=================== */

body{			background	:#B8B3A2 url(./icon/aaa.gif) top left repeat;}


#container{		width		:900px;
			background	:#ffffff url() top center repeat-y;}

#container-in{		border-right	:1px solid #D3D2BA;
			border-left	:1px solid #D3D2BA;
			background	:url(./icon/a24.gif) top center repeat-x;}






#top-banner{		line-height	:20px;
			padding		:0px 10px 10px 10px;
			background	:url(./icon/a03.gif) left bottom no-repeat;}

#top-banner h1{		font-size	:15px;
			line-height	:50px;
			color		:#FF006E;
			padding		:0px 0px 0px 70px;}

#top-banner .a{		float		:right;
			width		:170px;
			height		:20px;
			background	:url(./icon/a11.gif) left center no-repeat;}

#top-banner .b{		float		:right;
			width		:110px;
			background	:url(./icon/a12.gif) left center no-repeat;}

#top-banner .c{		float		:right;
			width		:110px;
			background	:url(./icon/a13.gif) left center no-repeat;}

#top-banner .d{		float		:right;
			width		:110px;
			background	:url(./icon/a14.gif) left center no-repeat;}

#top-banner .e{		float		:right;
			width		:100px;
			font-size	:12px;
			text-align	:center;}

#top-banner a{		display		:block;
			padding-left	:15px;
			line-height	:20px;
			text-decoration	:none;
			text-align	:center;
			color		:#333333;}

#top-banner a:hover{	text-decoration	:underline;}






#top-menu{		height		:40px;
			background	:url(./icon/a04.gif) left center repeat-x;}

#top-menu li{		float		:left;
			width		:140px;
			height		:40px;
			padding-right	:3px;
			background	:url(./icon/a05.gif) right center no-repeat;}

#top-menu a{		display		:block;
			height		:40px;
			font-size	:15px;
			line-height	:40px;
			text-align	:center;
			text-decoration	:none;
			color		:#333333;}

#top-menu a:hover{	background	:url(./icon/a06.gif) bottom center repeat-x;}

#no1 #top-menu .a{	background	:url(./icon/a06.gif) bottom center repeat-x;}
#no143 #top-menu .b{	background	:url(./icon/a06.gif) bottom center repeat-x;}
#no674 #top-menu .c{	background	:url(./icon/a06.gif) bottom center repeat-x;}
#no675 #top-menu .d{	background	:url(./icon/a06.gif) bottom center repeat-x;}
#no676 #top-menu .e{	background	:url(./icon/a06.gif) bottom center repeat-x;}


#middle-menu{		width		:820px;
			margin		:10px auto;
			border-bottom	:1px solid #cccccc;
			background	:url(./icon/d02.gif) left center repeat-y;}



#middle-menu h2{	line-height	:34px;
			padding-left	:30px;
			font-size	:15px;
			background	:url(./icon/d01.gif) left center no-repeat;}

#middle-menu .a{	float		:left;
			width		:205px;}

#middle-menu h3{	line-height	:30px;
			font-size	:13px;
			padding-left	:10px;
			margin		:1px 1px 1px 2px;
			background	:#eeeeee;}

#middle-menu ul{	padding		:10px 0px 10px 10px;}

#middle-menu li{	padding		:0px 0px 5px 15px;
			margin-bottom	:3px;
			background	:url(./icon/a08.gif) left center no-repeat;}




#middle-menu2{		width		:820px;
			margin		:10px auto;
			border-bottom	:1px solid #cccccc;
			background	:url(./icon/d02.gif) left center repeat-y;}



#middle-menu2 h2{	line-height	:34px;
			padding-left	:30px;
			font-size	:15px;
			background	:url(./icon/d01.gif) left center no-repeat;}

#middle-menu2 .a{	float		:left;
			width		:205px;}

#middle-menu2 h3{	line-height	:30px;
			font-size	:13px;
			padding-left	:10px;
			margin		:1px 1px 1px 2px;
			background	:#eeeeee;}

#middle-menu2 ul{	padding		:10px 0px 10px 10px;}

#middle-menu2 li{	padding		:0px 0px 5px 15px;
			margin-bottom	:3px;
			background	:url(./icon/a08.gif) left center no-repeat;}






#bottom{		border-top	:1px solid #dddddd;
			margin-top	:20px;
			padding		:5px 0px 30px 0px;
			color		:#999999;
			font-size	:12px;
			text-align	:center;
			background	:url(./icon/a19.gif) bottom right no-repeat;}

#bottom a{		color		:#999999;
			text-decoration	:none;}

#bottom a:hover{	color		:#000000;
			text-decoration	:underline;}
























/* ===================トップページ=================== */

.middle-img{		margin		:10px auto 0px auto;}

#middle-2{		width		:820px;
			margin		:10px auto 0px auto;}


#middle-2 #r{		width		:188px;
			float		:right;}


#middle-2 #r a{		padding		:0px 0px 0px 15px;
			line-height	:40px;
			background	:url(./icon/a08.gif) left center no-repeat;}




#middle-2 #r .a{	padding		:160px 0px 0px 10px;
			margin-bottom	:5px;
			background	:url(./icon/a31.gif) top center no-repeat;}

#middle-2 #r .b{	padding		:160px 0px 0px 10px;
			margin-bottom	:5px;
			background	:url(./icon/a32.gif) top center no-repeat;}

#middle-2 #r .c{	padding		:160px 0px 0px 10px;
			margin-bottom	:5px;
			background	:url(./icon/a33.gif) top center no-repeat;}

#middle-2 #r .d{	padding		:160px 0px 0px 10px;
			margin-bottom	:5px;
			background	:url(./icon/a38.gif) top center no-repeat;}

#middle-2 #r .e{	padding		:2px 3px 10px 3px;}

#middle-2 #r .e a{	padding		:0px 0px 0px 0px;
			line-height	:18px;
			background	:url() left center no-repeat;}

#middle-2 #r .f{	margin-bottom	:5px;}

#middle-2 #r .f a{	padding		:0px 0px 0px 0px;
			background	:url() left center no-repeat;}


#middle-2 #l{		width		:630px;
			float		:left;}



#middle-2 #l .a{	height		:54px;
			padding		:0px 15px;
			background	:url(./icon/a28.gif) top center no-repeat;}


#middle-2 #l h3{	font-size	:15px;
			line-height	:22px;
			color		:#333333;
			padding		:23px 0px 0px 30px;
			background	:url(./icon/a34.gif) left bottom no-repeat;}


#middle-2 #l .b{	padding		:15px 22px;
			color		:#555555;
			font-size	:13px;
			line-height	:21px;
			background	:url(./icon/a29.gif) top center repeat-y;}

#middle-2 #l .c{	height		:40px;
			text-align	:right;
			padding		:0px 15px;
			margin-bottom	:10px;
			background	:url(./icon/a30.gif) top center no-repeat;}

#middle-2 #l .c2{	height		:37px;
			padding		:0px 25px;
			margin-bottom	:10px;
			color		:#555555;
			font-size	:13px;
			background	:url(./icon/a30.gif) bottom center no-repeat;}

#middle-2 #l .c a{	padding		:0px 0px 0px 15px;
			margin-left	:30px;
			line-height	:40px;
			background	:url(./icon/a08.gif) left center no-repeat;}

#middle-2 #l .d{	padding		:10px 10px 10px 270px;
			background	:url(./icon/b01.gif) left top no-repeat;}

#middle-2 #l .e{	padding		:10px 250px 50px 10px;
			background	:url(./icon/b02.gif) right top no-repeat;}

#middle-2 #l .f{	padding		:10px 260px 290px 0px;
			background	:url(./icon/b03.gif) right top no-repeat;}

#middle-2 #l .g{	padding		:10px 260px 280px 0px;
			background	:url(./icon/b04.gif) right top no-repeat;}

#middle-2 #l .h{	padding		:10px 270px 330px 10px;
			background	:url(./icon/b05.gif) right top no-repeat;}

#middle-2 #l .i{	padding		:10px 10px 10px 180px;
			background	:url(./icon/b06.gif) left top no-repeat;}

#middle-2 #l .i ul{	padding		:10px 0px 20px 20px;}

#middle-2 #l .i li{	padding-left	:20px;
			line-height	:19px;
			margin-top	:10px;
			font-size	:14px;
			background	:url(./icon/a35.gif) left top no-repeat;}


#middle-2 #l .j{	padding		:190px 0px 0px 20px;
			background	:url(./icon/a36.gif) center top no-repeat;}


#middle-2 #l .j img{	padding		:0px 0px 50px 12px;}


#middle-2 #l .k{	padding		:220px 0px 10px 100px;
			color		:#999999;
			font-size	:13px;
			line-height	:21px;
			background	:url(./icon/b03.gif) center top no-repeat;}

#middle-2 #l .l{	padding		:220px 0px 0px 20px;
			color		:#666666;
			font-size	:13px;
			line-height	:16px;
			background	:url(./icon/b08.gif) center top no-repeat;}


#middle-2 #l .n{	padding		:325px 0px 0px 20px;
			color		:#666666;
			font-size	:13px;
			line-height	:16px;
			background	:url(./icon/b09.gif) center top no-repeat;}


#middle-2 #l .o{	padding		:220px 0px 0px 0px;
			color		:#666666;
			font-size	:13px;
			line-height	:16px;
			background	:url(./icon/b10.gif) center top no-repeat;}


#middle-2 #l .q{	padding		:160px 0px 0px 20px;
			color		:#666666;
			font-size	:13px;
			line-height	:16px;
			background	:url(./icon/b11.gif) center top no-repeat;}



#middle-2 #l .r{	padding		:190px 0px 0px 20px;
			color		:#666666;
			font-size	:13px;
			line-height	:16px;
			background	:url(./icon/b12.gif) center top no-repeat;}



#middle-2 #l .s{	padding		:130px 10px 0px 0px;
			color		:#bbbbbb;
			text-align	:right;
			font-size	:13px;
			line-height	:16px;
			background	:url(./icon/b13.gif) center top no-repeat;}



#middle-2 #l .x01{	padding		:0px 0px 10px 150px;
			margin-top	:15px;
			border-bottom	:1px dotted #cccccc;
			background	:url(./icon/x01.gif) left top no-repeat;}



#middle-2 #l .x02{	padding		:0px 0px 10px 150px;
			margin-top	:15px;
			border-bottom	:1px dotted #cccccc;
			background	:url(./icon/x02.gif) left top no-repeat;}



#middle-2 #l .x03{	height		:70px;
			padding		:0px 0px 10px 150px;
			margin-top	:15px;
			border-bottom	:1px dotted #cccccc;
			background	:url(./icon/x03.gif) left top no-repeat;}



#middle-2 #l .x04{	padding		:0px 0px 10px 150px;
			margin-top	:15px;
			border-bottom	:1px dotted #cccccc;
			background	:url(./icon/x04.gif) left top no-repeat;}



/* ===================カテゴリー==================== */

#category{		width		:820px;
			margin		:20px auto;}

#category #a{		height		:50px;
			margin-bottom	:20px;
			background	:url(./icon/a23.gif) left center no-repeat;}

#category #a h2{	font-size	:20px;
			line-height	:50px;
			padding		:0px 0px 0px 40px;}

#category #b{		background	:url(./icon/c02.gif) left top repeat-y;}

#category .c{		width		:164px;
			height		:180px;
			float		:left;}

#category .d{		padding		:20px 10px 0px 15px;}

#category img{		width		:95px;
			margin		:20px auto 0px auto;}

#category a{		display		:block;
			padding-left	:15px;
			background	:url(./icon/a08.gif) left center no-repeat;}



/* ===================ウェブページ==================== */

#webpage{		width		:820px;
			margin		:20px auto;}

#webpage #a{		height		:50px;
			margin-bottom	:20px;
			background	:url(./icon/a23.gif) left center no-repeat;}

#webpage #a h2{		font-size	:20px;
			line-height	:50px;
			padding		:0px 0px 0px 40px;}

/* ===================ウェブページ　ご利用規約==================== */

#kiyaku {}

#kiyaku .m{		font-size	:13px;
			color		:#555555;
			padding		:10px 0px 0px 50px;}

/* ===================ウェブページ　投稿作品==================== */

#webpage .b img{	margin		:20px auto;}

/* ===================ウェブページ　リンク集==================== */

#webpage #g{		line-height	:34px;
			padding-left	:30px;
			font-size	:14px;
			background	:url(./icon/d01.gif) left center no-repeat;}

#webpage #h{		border-bottom	:1px solid #cccccc;
			background	:url(./icon/d02.gif) left center repeat-y;}

#webpage .j{		width		:205px;
			float		:left;}

#webpage .j h3{		line-height	:30px;
			font-size	:13px;
			padding-left	:30px;
			margin		:1px 1px 1px 2px;
			background	:#eeeeee;}


#webpage .j ul{		padding		:10px 0px 30px 10px;}


#webpage .j li{		padding		:0px 0px 5px 12px;
			margin-bottom	:10px;
			background	:url(./icon/a08.gif) left center no-repeat;}


/* ===================ウェブページ　メール==================== */

#mail-1{		width		:630px;
			margin		:20px auto;}



#mail-1 .b{		height		:54px;
			padding		:0px 15px;
			background	:url(./icon/a28.gif) top center no-repeat;}

#mail-1 .b h3{		font-size	:15px;
			line-height	:22px;
			color		:#333333;
			padding		:23px 0px 0px 30px;
			background	:url(./icon/a34.gif) left bottom no-repeat;}

#mail-1 .c{		padding		:15px;
			background	:url(./icon/a29.gif) top center repeat-y;}
#mail-1 .d{		height		:40px;
			text-align	:right;
			padding		:0px 15px;
			margin-bottom	:10px;
			background	:url(./icon/a30.gif) top center no-repeat;}

#mail-1 .m{		font-size	:13px;
			color		:#555555;
			padding		:10px 0px 0px 50px;}


/* ===================個別ページ================== */

#kobetu{		width		:630px;
			margin		:20px auto;}


#kobetu .a{		height		:54px;
			padding		:0px 15px;
			font-size	:20px;
			line-height	:22px;
			background	:url(./icon/a28.gif) top center no-repeat;}

#kobetu .b{		padding		:15px;
			background	:url(./icon/a29.gif) top center repeat-y;}
#kobetu .c{		height		:40px;
			text-align	:right;
			padding		:0px 15px;
			margin-bottom	:10px;
			background	:url(./icon/a30.gif) top center no-repeat;}


#kobetu .b img{		margin		:0px auto;}


#kobetu h2{		font-size	:20px;
			line-height	:22px;
			color		:#333333;
			padding		:23px 0px 0px 30px;
			background	:url(./icon/a34.gif) left bottom no-repeat;}


#kobetu h2 a{		font-size	:18px;
			line-height	:22px;}

#kobetu .c a{		padding		:0px 0px 0px 15px;
			margin-left	:30px;
			font-size	:18px;
			line-height	:40px;
			background	:url(./icon/a08.gif) left center no-repeat;}



/* ===================clearfix=================== */


.clearfix:after {	content		:".";  /* 新しい要素を作る */
  			display		:block;  /* ブロックレベル要素に */
 			clear		:both;
			height		:0;
			visibility	:hidden;}


.clearfix {		min-height	:1px;}


* html .clearfix {	height		:1px;
			/*\*//*/
			height		:auto;
			overflow	:hidden;
			/**/}

