@charset "utf-8";

/* ==================================================================
　　最終更新日　 

	import.css       メインCSS
	defalut.css    基準値の指定CSS
	common.css 　　サイト全体に共通するCSS
	component.css  CSSの部品	
	modules.css　　個別指定用CSS	
	print.css      印刷用CSS
	
=================================================================== */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
 
 /*
	px  % 
	10  77  
	11  85  
	12  92  
	13  100  
	14  107  
	15  114  
	16  122  
	17  129  
	18  136  
	19  144  
	20  152  
	21  159  
	22  167  
	23  174  
	24  182  
	25  189  
	26  197  
*/

 
body {
	font:13px;
	*font-size:small;
	*font:x-small;
/*	font-size:80.5%;*/
	word-break: break-all;
	/*word-wrap:break-word;*/
}

table {
	font-size:inherit;
	font:100%;
}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {
	font:99%;
}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {
	font:115% monospace;
	*font-size:100%;
}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
/*
body * {
	line-height:1.22em;}
*/

/* ==================================================================
	Site Name:聖母眼科 
	Version: 0.1
	Author: adachi

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS	
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品	
	modules.css		個別指定用CSS	
	print.css		印刷用CSS
	
	-----------------------------------------------------------
	1.基本指定
		1body
		2text
		3link
		4image
	-----------------------------------------------------------	
	
	
=================================================================== */


/* =================================
   ■ 基本指定
================================== */
*	{
	padding: 0px;
	margin: 0px;
	min-width:0;
	min-height:0;
    font-weight: normal;
	/* background: transparent;	*/
	}

/* --------------------------------
   □ body
-------------------------------- */

html {
	height:100%;
	overflow-y: auto;
}


body {
	font-size:12px;
	font-family: 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Arial, Helvetica,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"Osaka",Verdana ,sans-serif;
} 
	
/* --------------------------------
   □ text
-------------------------------- */

p { 
	margin:0 0 0.8em 0;
	text-align:justify;
	text-justify:inter-ideograph;
}
/*
strong{
	color:#000000;
}
*/
strong,
em{	
	font-weight:bold;
}

em,
address,
cite{
	font-style: normal;
}

h1,h2,h3,h4,h5,h6{ 
	font-weight:bold;
	clear: both;
	line-height:1.2;
}

h1 {
   font-size:34px;
   font-weight:bold;
   color:#333333;
}

h2 { font-size: 130%;}

h3 { font-size: 110%;}

h4 { font-size: 100%;}

h5 { font-size: 100%;}

h6 { font-size: 100%;}


acronym,abbr{cursor:help;}

/* --------------------------------
   □ style
-------------------------------- */
p,table,ul,ol,dl{
	line-height:1.5;
}


table{
	border-collapse:collapse;
 }	

th,td{ text-align:left; }


input{ 
	line-height:100%; 
	margin:4px 3px 0 0;
}

/* IE only \*/
* html input{ margin:0; }		
*:first-child + html input{ margin:0; }	
/* end */



textarea, select, input {
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka","Helvetica", "Arial", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
}

hr {display:none;}


ul,ol  { list-style : none; }

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
  font-size:100%;
}

fieldset {
	border: none;
	padding: 1px 0;
}

/* --------------------------------
   □ link
-------------------------------- */
/* 基本 */
a {
/*	text-decoration:none;*/
}

/* 訪問済 */
a:visited {

}

/* ロールオーバー */
a:hover{
	text-decoration:underline;
}

/* gecko対策 */
a[name]:hover{text-decoration:none !important;outline:0 !important;} 

/* --------------------------------
   □ image
-------------------------------- */
img{
	vertical-align			: bottom;
	border					: 0;
}

object,param{
	border:0;
	vertical-align:bottom;
} 


/* ==================================================================
	Site Name: 
	Version: edita
	Author: adachi

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS	
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品	
	modules.css		個別指定用CSS	
	print.css		印刷用CSS
	
=================================================================== */

/* --------------------------------
   □ body
-------------------------------- */

body {
	color: #000000;
	background: #fff;
} 

/* --------------------------------
   □ link
-------------------------------- */
/* 基本 */
a:link {
	color:#1D3994;
}

/* 訪問済 */
a:visited {
	color:#1D3994;
}

/* ロールオーバー */
a:hover{
	color:#1D3994;
}

/* ==================================================================
	Site Name: 
	Version: 
	Author: adachi

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS	
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品	
	modules.css		個別指定用CSS	
	print.css		印刷用CSS
	
=================================================================== */

/* --------------------------------
   □ clearfix
-------------------------------- */
.clearfix:after,
.contents-box:after,
.items:after,
.sub-contents:after,
.link:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/* WIN用IE \*/
.clearfix,
.contents-box,
.items,
.sub-contents,
.link { 
	zoom:1;
}
/* end */

/* MAC用IE only \*//*/
.clearfix,
.contents-box,
.items,
.sub-contents,
.link { display: inline-block; 
/* end */



/* --------------------------------
   □ 文字配置
-------------------------------- */
p.position-text {
	position:relative;
}
p.position-text a {
	position:absolute;
	top:-1em;
	right:7px;
	display:block;
}

/* --------------------------------
   □ textmenu
-------------------------------- */
	ul.inlineMenu { margin:0 auto;}

	ul.inlineMenu li {  display	: inline;}
	
	ul.inlineMenu li a{
		padding-right	: 8px;
		margin-left:3px;
		border-right:1px solid #989898;
	}
	
	ul.inlineMenu li.end a{
		border-right:0px solid #989898;
	}

/* --------------------------------
   □ パンくずナビ
-------------------------------- */

ol#breadcrumbs { margin-left:5px; text-align:left; list-style-type:none; float:left;}
ol#breadcrumbs li {
	vertical-align  : middle;
	display	: inline;
	margine-right	: 5px;
	padding-left: 5px;
	color:#000000;
}

ol#breadcrumbs li a{ 
	color:#1D3994;
	padding-right: 10px;
	padding-left: 1px;
	background:url(http://www.ekispot.com/img/arrow.gif) 100% 2px no-repeat;
}

/* --------------------------------
   □ ボタン
-------------------------------- */
/* 要変更 */
p.button{
	margin-bottom:0;
}
	p.button a{
		width:104px;
		height:26px;
		display:block;
		cursor:pointer;	
		text-indent:0em;			
	}

	/* MAC IE only \*//*/
	p.button a{	
		overflow:inherit;
	}
	/* end */


	p.button a:hover{
		text-indent:-1000em;
		border:0;
	}
		p.button a:hover img{
			visibility:hidden;
		}
	
	html>body p.button a:hover{
		overflow:hidden;			
	}

/* ◇ 個別指定
-------------------------------- */

	/* index */
	/*
	div#box_blogparts-btn{
		width:122px;
		height:21px;
	}
	div#box_magazine-btn{
		width:122px;
		height:21px;
	}

	div#box_useradd-btn{
		width:187px;
		height:40px;
	}
	*/


	p#blogparts-btn a{
		width:122px;
		height:21px;
		background:url(/img/common/parts-btn-over.jpg) 0px 0px no-repeat;				
	}
	p#magazine-btn a{
		width:122px;
		height:21px;
		background:url(/img/common/magazine-btn-over.jpg) 0px 0px no-repeat;				
	}

	p#useradd-btn a{
		width:187px;
		height:40px;
		background:url(/img/common/useradd-btn-over.gif) 0px 0px no-repeat;				
	}

/* --------------------------------
   □ メニュー
-------------------------------- */

/* --------------------------------
   □ menu
-------------------------------- */	
ul.menu{
	clear:both;
}

ul.menu li{	
	float:left;
}

ul.menu li a{
	display:block;
	overflow:hidden;
	cursor:pointer;	
}

/* MAC IE only \*//*/
ul.menu li a{	
	overflow:inherit;
}
/* end */



/* --------------------------------
   □ NEWS-BOX
-------------------------------- */
#news-box dl{
	padding-top:1em;
	padding-bottom:1em;

	line-height:1.3em;
	width:100%;
}

	#news-box dt,
	#news-box dd{
		margin-bottom:1em;
	}

	#news-box dt{
	    width:9em;
		float:left;
		padding-left:1em;
				
		background	: url(/img/arrow.gif) 5px 0.4em no-repeat;
		font-weight:700;

		clear:both;
	}
	
	html > body #news-box dt{
	    width:8em;	
	}	

	#news-box dd{
	    padding-left:9em;	
	}
	
	*:first-child+html #news-box dd{
	    padding-left:0px;		
	}

/* --------------------------------
   □ 画像・文構成
-------------------------------- */

#pictures-box{
	margin-bottom:3em;
}
	
	#pictures div{
		width:100%;
		margin-top:0.36em;
		position:relative;
		padding-bottom:0.4em;	
	}
	
		#pictures-box div img.banner{
			float:left;
			clear:both;
			margin-right:5px;
		}
		
		#pictures-box div dl{
			margin:0;
			line-height:1.2;
			font-size:110%;
		}
			
		/* MAC用IE only \*//*/
		#pictures-box div dl{
			display:inline-block;
			width:270px;
		}
		/* end */
	
			#pictures-box div dl dt,
			#pictures-box div dl dt a{
				color:#008470;
				font-weight:700;
				padding-bottom:1em;
			}
		
			#pictures-box div dl dd{
				text-align:justify;
				text-justify:inter-ideograph;
			}	

/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ 共通クラス
-------------------------------- */

/* 左寄せ */
.left{
	float:left;
}

/* 右寄せ */
.right{
	float:right;
}

.clear{
	clear:both;
}

/* 文字隠 */
.texthidden{
	text-indent: -1000em;
	text-decoration:none;
	font-size:1px;
	overflow: hidden;
}

/* MAC用IE only \*//*/
.texthidden  {overflow: inherit;}
/* end */

.noprint{
	display:none;
}

/* ==================================================================
	Site Name: edita
	Version: 1.0
	Author: adachi

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS	
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品	
	modules.css		個別指定用CSS	
	print.css		印刷用CSS
	
	-----------------------------------------------------------
	1.共通指定
		1レイアウト
			1大枠
			2上枠 top
				1 ヘッダー
			3中枠 middle
				1メニュー枠 menu-box
				2内容枠     entries-box
			4下枠
				2 フッター
	-----------------------------------------------------------	
	
=================================================================== */

/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ body
-------------------------------- */ 
body{
	/* text-align: center; 	 IE用 */
}


/* --------------------------------
   □ レイアウト 
-------------------------------- */

/* 大枠 ------------------------ */

#top{ 
	width:100%;
	padding:0 5px 0 10px;

	background:#fff;
}

#bottom{ 
	width:800px;
	padding:0 10px 0 9px;

	background:#fff;
}
#middle{ 
	/*width:1024px;*/
	width:1280px;
	padding:0 10px 0 9px;

	background:#fff;
}


html > body #top{ 
	width:100%;
}
html > body #bottom{ 
	width:800px;
}

html > body #middle{
	/*width:1024px;*/
	width:1280px;
}
/* 上枠 ------------------------ */
#top,
#top-outer{
	background:#ffffff;
}

#top-outer{
	width:100%;
	/*height:80px;*/
	padding-top:8px;	
	margin-top5px;
	background:#ffffff;
}

.top_line{
	width:100%;
	height:7px;
	background:#fff url(/img/top_line.png) 0 0 repeat-x;
	margin-bottom:3px;
}


	/* ヘッダー -------------------- */
	#top .header{
		width:100%;
		_height:50px;
	}

	#top .header h2,
	#top .header p.logo{
		width:210px;
		padding:0;
		float:left;
	}
	
	#top .header p.bnr{
		float:left;
		margin-left:50px;
	}
	

	.right_menu {
		text-align:right;
		float:left;
		width:200px;
		margin-top:3	5px;
	}

	/*
	div#box_blogparts-btn{
		float:left;
		margin-top:5px;
	}
	div#box_magazine-btn{
		float:right;
		margin-top:5px;		
	}
	*/
	
	
	#top ul.inlineMenu {
		text-align:right;
		padding-bottom:1em;
	}
	#top ul.inlineMenu a{
		color:#fff;
	}	

/* 中枠 ------------------ */
#middle{
	padding-bottom:2em;
}

#mypage #middle{
	width:1024px;
	padding:0px 0px 0px 9px;
}

html > #mypage #middle{ 
	width:1024px;
}

/* ユーザー枠 ------------------ */
#middle .user-box{
	border-top:8px solid #FCFDF7;
	width:800px;
	height:31px;
}

html > body #middle .user-box{
	height:23px;
}

	/* ユーザー枠内部 -------------------- */
	#middle .user-box p.user{
		float:right;
		color:#656565;
		margin-bottom:0;
	}
	#middle .user-box p.user em{
		font-weight:100;
		color:#FD9A34;
	}

/* 下枠 ------------------------ */
#bottom-outer{
	clear:both;
	width:100%;
	height:100px;
	border-top:#CCCCCC 1px solid;
	background:#fff url(/img/common/bottom-back.gif) 0 0 repeat-x;
}

#bottom{
	background:#fff url(/img/common/bottom-back.gif) 0 0 repeat-x;
	text-align:center;
}
	/* フッター -------------------- */
		#bottom address {
			margin-top:1.2em;
		}	
	
		#bottom ul.inlineMenu {
			margin-top:2em;
		}

/* メニュー ------------------------ */	

/* --------------------------------
   □ メニュー
-------------------------------- */
#top ul.menu {
	height: 28px;
	float:left;
}


#top ul.menu li{
	margin-right:3px;
}

#top ul.menu li,
#top ul.menu li a{
	width:118px;
	height: 28px;
	display: block;
}
/*
#top ul.menu li.menu1 a,
#top ul.menu li.menu1 a.selected{
	background:url(/img/common/menu/menu1-over.gif) 0px 0px no-repeat;
}
#top ul.menu li.menu2 a,
#top ul.menu li.menu2 a.selected{
	background:url(/img/common/menu/menu2-over.gif) 0px 0px no-repeat;
}
#top ul.menu li.menu3 a,
#top ul.menu li.menu3 a.selected{
	background:url(/img/common/menu/menu3-over.gif) 0px 0px no-repeat;
}

#top ul.menu li a:hover,
#top ul.menu li a.selected{
	visibility:inherit;
}

#top ul.menu li a:hover img,
#top ul.menu li a.selected img{
	visibility:hidden;
}
*/



/* ==================================================================
	Site Name: edita
	Version: 
	Author: 

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS	
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品	
	modules.css		個別指定用CSS	
	print.css		印刷用CSS
	
	* 細かくなりそうな場合は別にCSSを作成
	
=================================================================== */


/* --------------------------------
   □ common
-------------------------------- */
.contents-box,
.sub-contents{
	margin:0 auto 0 auto;
	text-align:left;
	padding-bottom:10px;
}

	/*  items
	-------------------------------- */
	div.items dl{
		float:left;
		text-align:center;
		display:inline;
	}
	
	html > body div.items  dl dt img{
		margin:0 auto;
	}	

	/*  ul
	-------------------------------- */
	ul.arrow li{
		padding-left:14px;
		background:url(/img/common/arrow.gif) 2px 5px no-repeat;
		margin-bottom:10px;
	}
	
	dl.arrow dt{
		padding-left:14px;
		background:url(/img/common/arrow.gif) 2px 50% no-repeat;
	}
	
	dl.arrow dd{
		margin-bottom:0.5em;
	}	
	
	p.link {
		clear:both;
		margin-right:0.4em;
		text-align:right;
		margin-bottom:0;
	}	
	
	p.link a{
		padding-left:14px;
		background:url(/img/common/arrow.gif) 2px 50% no-repeat;
	}		

/* --------------------------------
   ■index
-------------------------------- */

	#index .frame-body{
		border-left:#D0D0D2 1px solid;
		border-right:#D0D0D2 1px solid;
	}

	#index .frame-footer{
		height:6px;
		margin-bottom:15px;
	}	
	
	#index h3{
		height:34px;
		padding-top:10px;
		background:url(/img/parts/gray-back.gif) 0 0 repeat-x;
		border-left:#D0D0D2 1px solid;
		border-right:#D0D0D2 1px solid;
		color:#676767;
		font-size:100%;
		*font-size:11px;
	}	

	html > #index h3{
		height:24px;
	}		
	
	#index h3.login{
		background:url(/img/parts/green-back.gif) 0 0 repeat-x;
	}	
	
	#index h3 img{
		vertical-align:middle;
		margin:0 5px 0 5px;
	}

	/*  items
	-------------------------------- */	
		#index .items dl{
			width:56px;
		}
		
		#index .items dl dt{
			background:url(/img/parts/item-border48.gif) 0 0 no-repeat;
			height:56px;
		}	
	/*	#index .items dl dt img{
			margin-top:4px;
		}	*/

		#index .items dl dd{
			margin-left:-2px;
			margin-right:-2px;
			position:relative;
			z-index:2;
			width:60px;
		}

	/* --------------------------------
	   □ column
	-------------------------------- */

	#index .column0,
	#index .column1,
	#index .column2,
	#index .column3{
		float:left;
		display:inline;
	}

	#index .column3 ul,
	#index .column3 dl{
		color:#656565;
	}

	/*  column0
	-------------------------------- */
	#index .column0{
		width:565px;
		margin-left:107px;
		margin-right:107px;
	}
	
/*		#index .column0 .contents-box{
			width:557px;

		}	
*/	
/*		html > #index .column0 .frame-body{
			width:565px;
		}
*/		
		#index .column0 .frame-footer{
			width:565px;
			background:url(/img/index/column1-footer.gif) 0 0 no-repeat;
		}		

		/*  #index-heding
		-------------------------------- */
		#index #index-center{
			border:#D0D0D2 1px solid;
			padding:20px 10px 20px 10px;
			margin-bottom:15px;
		}
		
/*		html > #index-center{
			width:557px;
		}	
*/	
		#index #index-center p{
			margin-top:2px;
			margin-bottom:0;
		}
		

	/*  column1
	-------------------------------- */
	#index .column1{
		width:565px;
		margin-right:14px;
	}
	
		#index .column1 .contents-box{
			width:565px;

		}	
	
		html > #index .column1 .frame-body{
			width:563px;
		}
		
		#index .column1 .frame-footer{
			width:565px;
			background:url(/img/index/column1-footer.gif) 0 0 no-repeat;
		}		

		/*  #index-heding
		-------------------------------- */
		#index #index-heading{
			border:#D0D0D2 1px solid;
			padding:7px 3px 7px 3px;
			margin-bottom:15px;
		}
		
		html > #index #index-heading{
			width:557px;
		}	
	
		#index #index-heading p{
			margin-top:2px;
			margin-bottom:0;
		}
		
		/*  #index-index-bloger
		-------------------------------- */
		#index #index-bloger{
			padding-top:20px;
			padding-left:16px;
		}
		
		html > #index #index-bloger{
			width:547px;
		}	

		#index #index-bloger dl{
			margin:0 22px 5px 0;
		}

		#index-bloger dd{
			height:30px;
			font-size:80%;
			*font-size:9px;
		}

		#index #index-bloger p.clear{
			text-align:right;
			margin-right:21px;
		}



		/*  #index-index-bloger
		-------------------------------- */

		#index #index-list{
			padding-top:20px;
			padding-left:16px;
		}
		
		html > #index #index-list{
			width:547px;
		}	


		#index #index-list dl{
			width:170px;
			margin:0 auto;
			text-align:left;
			margin-bottom:10px;
			margin-left:10px;
		}

		#index #index-list dt{
			background:url(/img/parts/item-border36.gif) 0 0 no-repeat;
			height:44px;
			width:44px;
			float:left;
			text-align:center;
		}

		#index #index-list  dl dd{
			float:left;

			text-align:left;
			width:120px;
			margin-left:3px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}

		#index #index-list dl dd p{
			font-size:80%;
		}

		/*  #biglist
		-------------------------------- */			


		#index #biglist{
			/*text-align:center;*/
			padding-top:19px;
		}			

		#index #biglist h4{
			background:url(/img/common/border/gray3.gif) 0 0 repeat-x;
			color:#FD9A35;
			font-weight:100;
			margin-top:20px;
			margin-bottom:0;
			padding:9px 0 10px 0;
		}

		#index #biglist h4 a{
			color:#FD9A35;
		}
			
		#index #biglist dl{
			width:480px;
			margin:0 auto;
			text-align:left;
			/*margin-bottom:11px;*/
			margin-left:10px;
		}
		
		
		#index #biglist dt{
			background:url(/img/parts/item-border96.gif) 0 0 no-repeat;
			height:138px;
			width:104px;
			float:left;
			text-align:center;
		}	

		#index #biglist  dl dd{
			float:left;
			text-align:left;
			width:340px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}

		#index #biglist dl dd p{
			font-size:80%;
		}

		/*  #searchlist
		-------------------------------- */			

		#index .searchlist{
			padding-top:19px;
			padding-left:10px;
			padding-right:10px;
		}			

		#index .searchlist h4{
			background:url(/img/common/border/gray3.gif) 0 0 repeat-x;
			color:#FD9A35;
			font-weight:100;
			margin-top:7px;
			margin-bottom:0;
			padding:9px 0 13px 0;
		}
			
		#index .searchlist dl{
		/*	margin:0 auto;*/
			text-align:left;
			margin-bottom:30px;
		}
		
		
		#index .searchlist dt{
			background:url(/img/parts/item-border96.gif) 0 0 no-repeat;
			height:104px;
			width:104px;
			float:left;
			text-align:center;
		}	

		#index .searchlist  dl dd{
			float:left;

			text-align:left;
			width:300px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
			font-size:80%;
		}



		/*  column120
		-------------------------------- */	
		#index  .column120 .column121,
		#index  .column120 .column122{
			width:272px;
			display:inline;
			float:left;
		}

		#index  .column120 .column121{
			margin-right:20px;
		}
		
		#index  .column120 .sub-contents{
			padding:5px;
			width:272px;
		}
		
		html > #index  .column120 .sub-contents{
			padding:5px;
			width:260px;
		}

		
		#index  .column120 .frame-footer{
			background:url(/img/index/2column-footer.jpg) 0 0 no-repeat;
			height:6px;
			width:100%;
		}		




		/*  #index-3column
		-------------------------------- */			

		#index-2column{
			text-align:left;
		}

		#index-2column dl{
			width:100%;
			margin:0 auto;
			text-align:left;
			background:url(/img/common/arrow.gif) 0 50% no-repeat;
			padding-left:14px;
			margin-bottom:11px;
		}

		html > body #index-2column dl{
			width:260px;
		}

		#index-2column dt{
			background:url(/img/parts/item-border36.gif) 0 0 no-repeat;
			height:45px;
			width:45px;
			float:left;
			text-align:center;
		}	
	/*	#index-2column dl dt img{
			margin-top:4px;
		}	*/

		#index-2column dl dd{
			float:left;
			/*font-size:80%;
			font-size:10px;
			*/
			text-align:left;
			width:190px;
			margin-left:5px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}				



	/*  column2
	-------------------------------- */	
	#index .column2{
		width:200px;
		margin-right:14px;
	}

		#index .column2 .contents-box{
			width:200px; 
		}	
	
		html > #index .column2 .frame-body{
			width:198px;
		}
		
		#index .column2 .frame-footer{
			width:200px;
			background:url(/img/index/column2-footer.gif) 0 0 no-repeat;
		}	

		/*  #index-login
		-------------------------------- */
		#index #login-footer{
			margin-bottom:6px;
		}		
		
		#index #index-login{
			text-align:center;
			padding:9px 0 0px 0;
		}
		
		#index-login .input-area{
			width:184px;
			margin:0 auto;
		}	
			#index-login .input-area div{
				float:left;
				margin-right:5px;
				display:inline;
				padding-bottom:7px;
			}
		#index-login label{
			color:#3399FD;
			vertical-align:middle;
			line-height:1.0em;
		}			
			
			#index-login .input-area div input{
				width:115px;
				padding-top:1px;
				padding-bottom:1px;
				color:#3399FD;
			}
			#index-login .input-area #login_mail{
				margin-bottom:4px;
				*margin-bottom:8px;
			}			
		#index-login p{
			margin-bottom:0;

		}
		
		#index-login p.button{
			margin: 8px 0 10px 5px;
		}

		#index-login p.small{
			text-align:center;
			font-size:80%;
			*font-size:9px;
		}
		
		/*  #index-recommendation
		-------------------------------- */
		#index-recommendation{
			padding:11px 0 0 7px;
		}	
		html > #index #index-recommendation{
			width:191px;
		}			
		
		#index-recommendation dl{
			margin:0 7px 0px 0;
		}
		#index-recommendation dd{
			font-size:80%;
			*font-size:9px;
		}

		/*  #index-pickup
		-------------------------------- */
		#index-pickup{
			padding:11px 0 0 7px;
		}	
		html > #index #index-pickup{
			width:191px;
		}			
		
		#index-pickup dl{
			margin:0 7px 0px 0;
		}
		#index-pickup dd{
			font-size:80%;
			*font-size:9px;
		}

		/*  #index-community
		-------------------------------- */		
		#index-community{
			padding:20px 0 0 11px;
		}
		
		html > #index #index-community{
			width:187px;
		}				

			/*  items
			-------------------------------- */	
				#index #index-community dl{
					width:178px;
					margin-bottom:15px;
				}
				
				#index #index-community dl dt{
					background:url(/img/parts/item-border170.gif) 0 0 no-repeat;
					height:56px;
				}	
		
				#index #index-community dl dd{
					width:178px;
					text-align:left;
				}

		#index #index-community p.clear{
			text-align:right;
			margin-right:10px;
		}
	/*  .column3
	-------------------------------- */
	
	#index .column3{
		width:203px;
	}	
	
	
	#index .column3 h3{
		height:34px;
		padding-top:10px;
		background:url(/img/parts/gray-back.gif) 0 0 repeat-x;
		border-left:#D0D0D2 1px solid;
		border-right:#D0D0D2 1px solid;
		color:#676767;

		font-size:11px;
	}
	
	html > #index .column3  h3{
		height:24px;
	}		

	#index .column3 h3 img{
		margin:0 10px 0 9px;
	}
	
	#index #middle .column3 .frame-footer{
			background:url(/img/mypage/column2-footer.jpg) 0 0 no-repeat;
			height:6px;
			width:100%;
		}	
	
		/*  #hotlist
		-------------------------------- */			

		#index .hotlist{
			text-align:center;
			padding-top:19px;
		}			
			
		#index .hotlist dl{
			width:185px;
			margin:0 auto;
			text-align:left;
			margin-bottom:11px;
		}
		
		
		#index .hotlist dt{
			background:url(/img/parts/item-border36.gif) 0 0 no-repeat;
			height:44px;
			width:44px;
			float:left;
			text-align:center;
		}	

		#index .hotlist  dl dd{
			float:left;

			text-align:left;
			width:131px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}

#index .bp_table {
    width:550px;

}


#index .bp_table .title {
    border:dotted 1px #ffffff;
    background:#b1e14f;
    color:#ffffff;
    width:200px;
    padding:5px;
}

#index .bp_table .item {
    border:dotted 1px #ffffff;
    background:#f3f3f3;
    width:349px;
    padding:5px;
}



/*  #manual-biglist
/*  T.OKAZAKI 2007/07/24
-------------------------------- */			


#index #manual-biglist{
	/*text-align:center;*/
	padding-top:19px;
}			

#index #manual-biglist h4{
	font-weight:100;
	margin-bottom:0;
	padding:9px 0 10px 0;
}

#index #manual-biglist h4 a{
	color:#FD9A35;
}
	
#index #manual-biglist dl{
	margin:0 auto;
	text-align:left;
	/*margin-bottom:11px;*/
	margin-left:10px;
}


#index #manual-biglist dt{
}	

#index #manual-biglist dl.arrow dt{
	margin:30px 0 10px;
	padding-left:14px;
	border-bottom:dotted 1px;
	background:url(/img/common/arrow.gif) 2px 50% no-repeat;
}
#index #manual-biglist dl.arrow dd{
	text-align:left;
	padding:5px 10px 0px 0px;
	display:inline;
	overflow:hidden;
	word-break: break-all;
}

#index #manual-biglist dl dd p{
	font-size:80%;
}
		


		
		
/* --------------------------------
   ■mypage
-------------------------------- */

	#mypage .column1,
	#mypage .column3{
		float:left;
		display:inline;
	}

	#mypage .column1 ul,
	#mypage .column1 dl,
	#mypage .column3 ul,
	#mypage .column3 dl{
		color:#656565;
	}


	#mypage .frame-body{
		border-left:#D0D0D2 1px solid;
		border-right:#D0D0D2 1px solid;
		padding-bottom:10px;
	}

	#mypage .frame-footer{
		width:100%;
		height:6px;
		margin-bottom:15px;
	}


	/*  □column1
	-------------------------------- */
	#mypage .column1{
		width:790px;
		margin-right:10px;
	}


		/*  #mypage-heading
		-------------------------------- */
/*		#mypage .column1 h1{
			float:left;
			width:400px;
			height:39px;
			padding:7px 5px 5px 5px;
			background:url(/img/h1.png) 0 0 no-repeat;
			color:#000000;
			font-size:18px;
			font-weight:bold;
			margin-bottom:5px;
		}	
		
		html > #mypage h1{
			width:400px;
		}
*/
		#mypage h2{
		/*	margin-top:20px;*/
			width:400px;
			height:39px;
			padding:10px 5px 0 23px;
			background:url(/img/mypage/h2.jpg) 0 0 no-repeat;
			color:#333333;
			font-size:16px;
			font-weight:bold;
		}	
		
		html > #mypage h2{
			width:400px;
		}		

		/*#mypage-heading{
			padding-bottom:21px;
		}
			
		#mypage-heading ul{
			margin-top:7px;
			background:#ededed;
			text-align:center;
		}		
		
		#mypage-heading ul li{	display:inline;
	
		}
		#mypage-heading .selected{
			background:#3399fd;
			color:#ffffff;
		}

		#mypage-heading ul.arrow li{
			padding-left:14px;
			background:url(/img/common/arrow.gif) 2px 50% no-repeat;
			margin-bottom:20px;
		}*/

	/*  □column11 12
	-------------------------------- */
	#mypage .column1 .column11,
	#mypage .column1 .column12{
		float:right;
		display:inline;
	}
		
		/*  □column11
		-------------------------------- */	
		#mypage .column1 .column11{
			width:265px;
			margin-right:15px;
		}
		
		#mypage .column11 h2{
			width:264px;
			height:29px;
			background:url(/img/h2_1.png) 0 0 no-repeat;*/
			color:#000000;
			font-weight:bold;
			padding:5px 5px 5px 10px;
			font-size:16px;
			margin-top:10px;
			margin-bottom:5px;
		}

		#mypage .column11 h2 a {
			color:#333333;
		}

		html > #mypage .column11 h2{
			height:29px;
		}	
		
		#mypage .column11 h2 img{
			margin:0 4px 0 8px;
		}	

		#mypage .column11 .infobox{
			width:263px;
		}	

		#mypage .column11 h3{
			width:264px;
			height:29px;
			background:url(/img/h3_1.png) 0 0 no-repeat;*/
			color:#333333;
			font-weight:bold;
			padding:5px 5px 5px 10px;
			font-size:13px;
			margin-top:10px;
			margin-bottom:5px;
		}		

		html > #mypage .column11 h3{
			height:16px;
		}	

		#mypage .column11 h3 a{
			color:#333333;
		}		



		#mypage .column11 .frame-body{
			width:100%;
			padding-top:10px;
		}
		
		html > #mypage .column11 .frame-body{
			width:264px;
		}
		
		#mypage .column11 .frame-footer{
			background:url(/img/mypage/column11-footer.jpg) 0 0 no-repeat;
		}
		
			/*  #mypage-user
			-------------------------------- */

			#mypage-user {
				text-align:center;
			}

			#mypage-user dl{
				width:244px;
				margin:0 auto;
			}

			#mypage-user dl dt{
				background:url(/img/parts/item-border96.gif) 0 0 no-repeat;
				height:104px;
				width:104px;
				float:left;
				text-align : center;
			}

			#mypage-user  dl dd{
				float:left;
				font-size:80%;
				*font-size:11px;
				text-align:left;
				width:130px;
				margin-left:10px;
				display:inline;
				overflow:hidden;
				word-break: break-all;
				color:#656565;
			}
			/*  #mypage-blogger
			-------------------------------- */			

			#mypage-blogger{
				border-top:#D0D0D2 1px solid;
				/*border-bottom:#D0D0D2 1px solid;*/
				text-align:center;
			}			
				
			#mypage-blogger dl{
				width:224px;
				margin:0 auto;
				text-align:left;
				/*background:url(/img/common/arrow.gif) 0 50% no-repeat;*/
				padding-left:14px;
				margin-top:5px;
				margin-bottom:5px;
			}
			
			html > body #mypage-blogger dl{
				width:210px;
			}
			
			#mypage-blogger dt{
				background:url(/img/parts/item-border36.gif) 0 0 no-repeat;
				height:44px;
				width:44px;
				float:left;
				text-align:center;
				color:#656565;
			}	
		/*	#mypage-blogger  dl dt img{
				margin-top:4px;
			}	*/
	
			#mypage-blogger  dl dd{
				float:left;

				text-align:left;
				height:44px;
				width:156px;
				margin-left:10px;
				display:inline;
				overflow:hidden;
				word-break: break-all;
				color:#656565;
				vertical-align:middle;
			}			


			/*  #mypage-blog
			-------------------------------- */
			#mypage-blog{
				text-align:center;
			}			
				
			#mypage-blog dl{
				width:220px;
				margin:0 auto;
				text-align:left;
			}		
			
			#mypage-blog dl dd{
				padding-left:2em;
				color:#656565;
			}	
		
			/*  #mypage-parts
			-------------------------------- */			
			#mypage-parts{
				text-align:center;
			}
			#mypage-parts img,
			#mypage-parts object{
				margin:0 auto;
			}	

			#mypage-parts ul{
				width:220px;
				text-align:left;
				position:relative;
			}	
			
			html > body #mypage-parts ul{
				margin:0 auto;
			}
			
			#mypage-parts ul li{
				margin-bottom:1em;
			}
			#mypage-parts ul li.end{
				position:absolute;
				right:0;
				top:0;
			}
			
			/*  #mypage-prof
			-------------------------------- */
			#mypage-prof{
				text-align:center;
			}			
				
			#mypage-prof dl{
				width:220px;
				margin:0 auto;
				text-align:left;
			}		
			
			#mypage-prof dl dt{
				color:#656565;
			}

			#mypage-prof dl dd{
				padding-left:14px;
				color:#656565;
			}


			/*  #mypage-intro
			-------------------------------- */			

			#mypage-intro{
				text-align:center;
			}			
				
			#mypage-intro dl{
				width:224px;
				margin:0 auto;
				text-align:left;
				background:url(/img/common/arrow.gif) 0 50% no-repeat;
				padding-left:14px;
				margin-bottom:11px;
			}
			
			html > body #mypage-intro dl{
				width:210px;
			}
			
			#mypage-intro dt{
				background:url(/img/parts/item-border36.gif) 0 0 no-repeat;
				height:44px;
				width:44px;
				float:left;
				text-align:center;
				color:#656565;
			}	
		/*	#mypage-intro  dl dt img{
				margin-top:4px;
			}	*/
	
			#mypage-intro  dl dd{
				float:left;

				text-align:left;
				width:156px;
				margin-left:10px;
				display:inline;
				overflow:hidden;
				word-break: break-all;
				color:#656565;
			}			
		
		/*  □column12
		-------------------------------- */	
		#mypage .column1 .column12{
			width:500px;

		}
		
		#mypage .column12 h2{
			width:500px;
			height:29px;
			background:url(/img/h2_2.png) 0 0 no-repeat;*/
			color:#000000;
			font-weight:bold;
			padding:5px 5px 5px 10px;
			font-size:16px;
			margin-top:10px;
			margin-bottom:5px;
		}		

		html > #mypage .column12 h2{
			height:29px;
		}	
		
		#mypage .column12 h2 img{
			margin:0 4px 0 8px;
		}	


		#mypage .column12 h3{
			width:500px;
			height:29px;
			background:url(/img/h3_2.png) 0 0 no-repeat;
			color:#333333;
			font-weight:bold;
			padding:5px 5px 5px 10px;
			font-size:13px;
			margin-top:10px;
			margin-bottom:5px;
		}		

		html > #mypage .column12 h3{
			height:16px;
		}	

		#mypage .column12 h3 a{
			color:#333333;
		}		

		
		#mypage .column12 .frame-body{
			width:100%;
			padding:10px 12px 0 12px
		}
		
		html > #mypage .column12 .frame-body{
			width:456px;
		}
		
		#mypage .column12 .frame-footer{
			background:url(/img/mypage/column12-footer.jpg) 0 0 no-repeat;
		}		
		
		/*  #mypage-info
		-------------------------------- */			

		/*  #mypage-entry
		-------------------------------- */	
		#mypage h3{
			background:url(/img/common/border/gray3.gif) 0 0 repeat-x;
			color:#FD9A35;
			font-weight:100;
			margin-top:7px;
			margin-bottom:0;
			padding:9px 0 13px 0;
		}

		#mypage .column12 ul.arrow span{
			margin-left:1em;
		}		
		
		#mypage .column12 ul.items {
			margin-left:12px;
			margin-right:-12px;
			padding-bottom:10px;
		}
		
		#mypage .column12 ul.items li{
			background:url(/img/parts/item-border48.gif) 0 0 no-repeat;
			height:56px;
			width:56px;
			float:left;
			text-align:center;
			margin-right:19px;
			display:inline;
		}	
		/*
		#mypage .column12 ul.items li img{
				margin-top:4px;
		}	
		*/

		#mypage #mypage-store{
			text-align:center;
			padding-top:19px;
			padding-bottom:10px;
		}
	

		#mypage #mypage-store dl{
			width:56px;
			margin:0 19px 3px 0;
		}
		
		#mypage #mypage-store dl dt{
			text-align:center;
			background:url(/img/parts/item-border48.gif) 0 0 no-repeat;
			height:56px;
		}

		#mypage .column12 #mypage-store dl dd{
			height:43px;
			margin-left:-2px;
			margin-right:-2px;
			position:relative;
			z-index:2;
			font-size:80%;
			/*width:60px;*/
		}


		/*  #mypage-member
		-------------------------------- */			

		#mypage #mypage-list{
			text-align:center;
			padding-top:19px;
		}			
			
		#mypage #mypage-list dl{
			width:210px;
			margin:0 auto;
			text-align:left;
			margin-bottom:11px;
			margin-left:10px;
		}
		
		
		#mypage #mypage-list dt{
			background:url(/img/parts/item-border36.gif) 0 0 no-repeat;
			height:60px;
			width:44px;
			float:left;
			text-align:center;
		}	

		#mypage #mypage-list  dl dd{
			float:left;

			text-align:left;
			width:156px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}

		#mypage #mypage-list dl dd p{
			font-size:80%;
		}

		/*  #mypage-biglist
		-------------------------------- */			

		#mypage #mypage-biglist{
			/*text-align:center;*/
			padding-top:19px;
		}			

		#mypage #mypage-biglist h4{
			background:url(/img/common/border/gray3.gif) 0 0 repeat-x;
			color:#FD9A35;
			font-weight:100;
			margin-top:7px;
			margin-bottom:0;
			padding:9px 0 13px 0;
		}

/*		#mypage #mypage-biglist h4 .start{
			background:#ffffff;
			color:#FD9A35;
			font-weight:100;
			margin-top:7px;
			margin-bottom:0;
			padding:9px 0 13px 0;
		}
*/
		#mypage #mypage-biglist h4 a{
			color:#FD9A35;
		}
			
		#mypage #mypage-biglist dl{
			width:400px;
			margin:0 auto;
			text-align:left;
			margin-bottom:11px;
			margin-left:10px;
		}
		
		
		#mypage #mypage-biglist dt{
			background:url(/img/parts/item-border48.gif) 0 0 no-repeat;
			height:60px;
			width:60px;
			float:left;
			text-align:center;
		}	

		#mypage #mypage-biglist  dl dd{
			float:left;

			text-align:left;
			width:330px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}

		#mypage #mypage-biglist dl dd p{
			font-size:80%;
		}

		/*  column120
		-------------------------------- */	
		#mypage #middle .column120 .column121,
		#mypage #middle .column120 .column122{
			width:231px;
			display:inline;
			float:right;
		}		
		
		#mypage #middle .column120 .column121{
			margin-right:11px;
			float:left;
		}
		
		#mypage #middle .column120 .sub-contents{
			width:231px;
		}
		
		html > #mypage #middle .column120 .sub-contents{
			width:205px;
		}

		#mypage .column120 h3{
			width:100%;
			height:21px;
			background:url(/img/mypage/column121-header.jpg) 0 0 no-repeat;
			color:#fff;
			font-weight:100;
			padding:5px 0 0 0;
			font-size:100%;
			*font-size:11px;
			margin-bottom:0;
		}		

		html > #mypage .column120 h3{
			height:16px;
		}	
		
		#mypage #middle .column120 .frame-footer{
			background:url(/img/mypage/column121-footer.jpg) 0 0 no-repeat;
			height:6px;
			width:100%;
		}		

			/*  #mypage-user2
			-------------------------------- */			

			#mypage-user2{
				text-align:center;
			}			
				
			#mypage-user2 dl{
				width:100%;
				margin:0 auto;
				text-align:left;
				background:url(/img/common/arrow.gif) 0 50% no-repeat;
				padding-left:14px;
				margin-bottom:11px;
			}
			
			html > body #mypage-user2 dl{
				width:191px;
			}
			
			#mypage-user2 dt{
				background:url(/img/parts/item-border24.gif) 0 0 no-repeat;
				height:33px;
				width:33px;
				float:left;
				text-align:center;
			}	
		/*	#mypage-user2 dl dt img{
				margin-top:4px;
			}	*/
	
			#mypage-user2 dl dd{
				float:left;
				font-size:80%;
				font-size:10px;

				text-align:left;
				width:148px;
				margin-left:10px;
				display:inline;
				overflow:hidden;
				word-break: break-all;
			}				

			/*  #mypage-news
			-------------------------------- */					
				
			#mypage-news dl{
				font-size:80%;
				font-size:10px;
			}		
			
			#mypage-news dl dd{
				padding-left:14px;
				margin-bottom:14px;
			}	
			
		/*  #mypage-foot
		-------------------------------- */	
		#mypage h3.foot img{
			margin-top:-3px;
		}			
		
		#mypage-foot h4{
			color:#FD9A35;
			font-weight:100;
			margin-top:7px;
			margin-bottom:0;
			padding:5px 0 16px 0;
			margin-bottom:0;
		}			
		
		#mypage-foot ul.comment li{
			margin-bottom:0.5em;
			padding-left:14px;
		}
		#mypage-foot ul.comment li span{
			margin-left:1em;
		}
		
	/*  .column3
	-------------------------------- */
	
	#mypage .column3{
		width:190px;
	}	
	
	
	#mypage .column3 h3{
		height:34px;
		padding-top:10px;
		background:url(/img/parts/gray-back.gif) 0 0 repeat-x;
		border-left:#D0D0D2 1px solid;
		border-right:#D0D0D2 1px solid;
		color:#676767;

		font-size:11px;
	}
	
	html > #mypage .column3  h3{
		height:24px;
	}		

	#mypage .column3 h3 img{
		margin:0 10px 0 9px;
	}
	
	#mypage #middle .column3 .frame-footer{
			background:url(/img/mypage/column2-footer.jpg) 0 0 no-repeat;
			height:6px;
			width:100%;
		}	
	
		/*  #mypage-member
		-------------------------------- */			

		#mypage .hotlist{
			text-align:center;
			padding-top:19px;
		}			
			
		#mypage .hotlist dl{
			width:185px;
			margin:0 auto;
			text-align:left;
			margin-bottom:11px;
		}
		
		
		#mypage .hotlist dt{
			background:url(/img/parts/item-border36.gif) 0 0 no-repeat;
			height:44px;
			width:44px;
			float:left;
			text-align:center;
		}	
		#mypage .hotlist  dl dd{
			float:left;

			text-align:left;
			width:131px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}

/* --------------------------------
   □ 入力エリア
-------------------------------- */
#mypage .admintable {
    border-top:dotted  1px #dddddd;

}

#mypage .admintable tr {
    border-bottom:dotted  1px #dddddd;
}

#mypage .admintable td {
    border-bottom:dotted  1px #dddddd;
    padding:5px;
}

#mypage .admintable .title {
    color:#fd9a35;
}


/*
#mypage .admintable .title {
                  border-left:solid 1px #ff6633;
                  border-bottom:dotted  1px #dddddd;
                  border-right:solid 1px #ff6633;
    background-color:#eeeeee;
    color:#444444;
    padding: 5px;
}

#mypage .admintable .item {
                  border-bottom:dotted  1px #ddddd;
    padding: 5px;
}
*/

.h1_title{
	font-weight:bold;
	color:#333333;
}