@charset "utf-8";

/* box*/
/*div{border:1px solid #000 !important;}*/

/* */
body {
	top:0;
	margin-top:0;
	background:#fff  url("../../shared/image/bg.gif") repeat scroll left top;
	padding:0;
	text-align:center;
	line-height:1.6em;
}

p,td,li,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6{
	top:0;
	margin-top:0;
	padding:0;
}

/*	a tag */
a{
text-decoration:none;
	padding:0;
}
a:link {color:#28AECF;}
a:visited {color:#28AECF;}
a:hover, a:focus{
	text-decoration:none;
	color:#FF6600;
}
a:active{color:#ff6633;}

/*  line   */
hr{
	display:none;
}

img{
	/*display:block;*/ /*safari */
	border:0;
}




ul{
	text-align:left;
	margin-left:1em;
	padding:0;
	background-color:transparent;
}

ol {
	text-align:left;
	margin-left:1em;
	padding-left:15px;
	background-color:transparent;
}

li{
	line-height:1.6em;
	background-color:transparent;
}
ul.square {
	list-style: square outside;
	margin-left:15px;
	color:#28AECF;	
}

p{
 	margin-top: 10px;
	margin-bottom: 30px;
}


#container {
	position:relative;
	width: 780px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
	text-align:left;
	border:0px solid #fff;
}

#leftbox {
	position:relative;
	float:left;
	margin:0px 0px 0px 0px;
	width:165px;
	padding:0px 0px 0px 10px;
}

#rightbox {
	margin:0px 10px 0px 0px;
	padding:0;
	width:550px;
	float:right;;
}




#footerbox {
	clear:both;
	margin:30px 0px 0px 0px;
	width:760px;
	height:27px;
	padding:0;
	border-top: solid 1px #ccc;
}



/* titlebox*/
#titlebox {
	margin:0;
	padding:0;
}

#cuusoo {
	float:left;
	margin:5px 0px 0px 5px;
	padding:0;
}

#title_studioTop {
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0;
}

#title_studio {
	position:relative;
	margin:0px 0;
	padding:0;

}

#title_studio a:hover{
	background-color:#ffffff;
}

#subcategory {
	margin:3px 0px 0px 2px;
	padding:0;
	font-size: 98%;
}







#logout {
	position:relative;
	margin:0 0 0 0;
	padding:0;
}



.kaiin1 a:hover,.kaiin2 a:hover {
	background-color:#e0e0e0;
	padding:2px 0 2px 0;
}

.loginbar {
	margin:0;
	left:-26px;
	padding:0;
}

.inputField {
	position:relative;
	font-size:10px;
	text-align:right;
}

.inputField input{
	width:94px;
	padding:0;
	font-size:12px;
	font-weight:bold;
	line-height:9px;
	ime-mode: inactive;
}

#enterbutton {
	text-align:right;
	margin-top:5px;
	margin-bottom:5px;
}




/*
	xxxxxxxxxxxxxxxxxxxxxxxxxxx from cuusoo.com 08/02 xxxxxxxxxxxxxxxxxxxxxxxxxxx
*/
.toplead {
	float: left;
	width: 765px;
	padding: 1px 10px 2px 5px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background-color: #666;
	color:#ccc;
}


.toplead a:link{color:#fff;}
.toplead a:visited{color:#fff;}
.toplead a:hover{
	color:#fff;
	text-decoration : underline;
}

.leadleft {
	float: left;
	font-size:85%;
	line-height:1.1em;
	width: 550px;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

.leadleft .eachlink {
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 0px;
	border-right: solid 1px #fff;
}

.leadright {
	float: right;
	width: 180px;
	font-size:85%;	
	line-height:1.1em;	
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}
.leadright img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.leadright .eachlink {
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 0px;
}



/*
.leadleft {
	float: left;
	font-size:85%;
	line-height:1.1em;
	width: 400px;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background-color: none;
}
.leadleft .eachlink {
	padding: 0px 8px 0px 8px;
	margin: 0px 0px 0px 0px;
	border-right: solid 1px #fff;
}

.leadright {
	float: right;
	width: 300px;
	font-size:85%;	
	line-height:1.1em;	
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	background-color: none;
}
.leadright img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.leadright .eachlink {
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
}

*/

/*
	toplead  login added 080130
*/
	.topleadLogin {
	float: right;
	width: 750px;
	padding: 0px 10px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	background-color: #fff;
}

.topleadLogin a:link{color:#2fb4e1;}
.topleadLogin a:visited{color:#2fb4e1;}
.topleadLogin a:hover{
	color:#2fb4e1;
	text-decoration : none;
}

/* loginbox */
.loginbox {
	margin:0px;
	padding:3px 0px 0px 0px;
	text-align:right;
	height:16px;
}

.loginbox .loginMenu {
	margin:2px 0px 0px 10px;
	padding:0px 0px 0px 10px;
	font-weight:bold;
	background-image:url(../btn/li_sankaku_blue.gif);
	background-repeat: no-repeat;
	background-position:left;
/*	font-size: 90%;*/
	float:right;

}


.loginMSG {
	margin-left:20px;
	padding:2px 0px 0px;
/*	font-size: 90%;*/
	width:200px;
	float:right;
}



/*
gray between the body and the footer
*/
#footertopgray{
	height:10px;
	border-bottom:solid 3px #dedede;
}

#footermiddlegray{
	width: 765px;
	height: 35px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	background-color: #dedede;
}


#general_footer{
	clear: left;
	width: 765px;
	padding: 0px 0px 3px 12px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background-color: #ffffff;
/*	border-top: solid 3px #dedede ;	*/
}

#general_footer li{
	background: url("/shared/image/footer_menu.gif") no-repeat 0 50%;
	text-indent:0em;
}

#ed{
	background-color: #ffffff;
	width: 765px;
	height: 21px;
	padding: 10px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}

#edlogo{
	float: left;
	width: 95px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#copyright{
	font-size : 90% ;
	float: left;
	width: 734px;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*
bottomBar
*/

.bottomBar {
	background-color : #fff ;
	padding-right:10px;
}

.bottomBar2 {
	background-color : #fff ;
	margin-right:10px;
	border-top : 1px solid #28AECF ;
}

.bottomBar ul, .bottomBar2 ul {
	padding: 2px 0px 0px 0px ;
	list-style-type:none;
	margin:0px;
}

.bottomBar li, .bottomBar2 li {
	font-size : 90% ;
	float : left ;
	width:85px;
	padding:0px 0px 0px 7px;
}

.bottomBar li a, .bottomBar2 li a {
	padding :0px 4px ;
	text-decoration: none ;
	display: block ;
}

.bottomBar ul li.bB1, .bottomBar2 ul li.bB1{
	width:90px;
}
.bottomBar ul li.bB2, .bottomBar2 ul li.bB2{
	width:100px;
}
.bottomBar ul li.bB3, .bottomBar2 ul li.bB3{
	width:108px;
}
.bottomBar ul li.bB4{
	width:85px;
}

/*
	xxxxxxxxxxxxxxxxxxxxxxxxxxx from cuusoo.com 08/02 xxxxxxxxxxxxxxxxxxxxxxxxxxx
*/


/* for TOP PAGE  //////*/
/* whats new left  */
#whatsnewbox {
	position:relative;
	margin:0px 0 0 0;
	padding:3px 3px 3px 3px;
	border-top: dashed 1px #ccc;
/* 	border-bottom: dotted 1px #ccc;  */
	background-color: #fff;
	font-size:98%;
	}

h3.whatsnewtitle {
	position:relative;
	margin:10px 0px 0px 0px;
	padding:0;
	font-family:"Verdana","Helvetica",sans-serif;
	color:#ccc;
}
#whatsnewtext {
	position:relative;
	margin-top:0px;
	padding:0;
}

#whatsnewtext li{
	margin:0px;
	padding:0px 0px 3px 0px;
	list-style-image:url(../images/whatsnewmark.gif);
	list-style-position:outside;
}

#whatsnewtext a{
	display:block;
	line-height:1.4em;
	margin:0px;
}

#whatsnewtext a:hover{
	background-color:#e0e0e0;
	text-decoration:none;
}

.topHeader {
	margin:0px 0 0px 0;
	padding:0;
	width:620px;
	height:65px;
	float:right;
	border-bottom:dotted 2px #ddd;
}

.flash {
	margin:10px 0 10px 0;
	padding:0;
	width:620px;
	height:50px;
}
.welcome {
	margin:10px 0 20px 0;
	padding:0px 0px 0px 0px;
	color:#999;
}




/* general div box for the list */

div .dotted {
	margin:0px 0px 20px 0px;
	padding:10px;
	list-style-image:url(../images/menumark.gif);
	list-style-position:outside;
	border:dotted 1px #ccc;
	line-height:1.4em;
	}

div .noborder {
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style-image:url(../images/menumark.gif);
	list-style-position:outside;
	line-height:1.4em;
	}


/* onliy fo TOP PAGE  //////*/
div .topList {
	margin:10px 0px 10px 0px;
	padding:5px 0px 0px 10px;
	border: solid 1px #ddd;
	line-height:1.1em;
	clear:both;
	}
div .topList ul {
	margin:0;
	padding:0;
	clear:both;
	}
.topListli {
	padding-top:0px;
	padding-left:7px;
	padding-right:5px;
	padding-bottom:0px;
	margin:5px 0px 3px 0px;
	text-decoration:none;
	height:26px;
	width:240px;
	display:block;
	overflow:hidden;
	list-style: square outside;
	background-image:url(../images/menumark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:98%;
	line-height:1.2em;
	float:left;
}
.topListliwide {
	padding-top:0px;
	padding-left:7px;
	padding-right:0px;
	padding-bottom:0px;
	margin:5px 0px 3px 0px;
	text-decoration:none;
	display:block;
	list-style: square outside;
	background-image:url(../images/menumark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:98%;
	line-height:1.2em;
}
		


/* for design page  list  */
.innerbox {
	float:left;
	display:block;
	width:260px;
	padding:0px 5px 10px 0px;
	margin-bottom:0px;
}

.innerbox div {
	display:block;
	width:250px;
	height: 50px;
	overflow: auto;
	border: solid 1px #ddd;
	padding:3px;
}






.innerbox_category {
	float:left;
	display:block;
	width:120px;	
}


.leftBanner{
	margin:5px 0 0px 0;
	padding:0;
}





/* rightbox 2nd level start here */


.toopnavi {
	margin:45px 0px 0px 0px;
	padding:0px;
	width:620px;
	height:25px;
	border-bottom: dotted 2px #ddd;
	float:right;
}
.topnavilist {
	padding: 0px 10px 0px 10px;	
	margin-top:5px;
	text-decoration:none;
	height:20px;
	display:block;
	border-right :1px solid #ddd ;
	list-style:none;
	float:left;
}

.toopnavi a{
	display:block;
}

.toopnavi a:hover{
	background-color:#e0e0e0;
	text-decoration:none;
}




/* subnavigation  for the left include*/
.subnavibox{
	margin:10px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:95%;
	border-top: dashed 1px #ccc;
}
.subnavibox ul {
	margin:0px 0px 0px 0px;
	padding:0;
}
.subnavibox li {
	margin:0px 0px 0px 0px;
	padding:3px;
	width:160px;
	list-style-image:none;
	display:block;
	border-bottom: dashed 1px #ccc;
}

.subnavibox a {
	padding : 0px 0px 0px 0px ;
	width : 160px ;
	color : #666 ;
	text-decoration : none ;
	display: block ;
}
.subnaviboxa:link{color:#666;}
.subnaviboxa:visited{color:#666;}
.subnavibox a:active{color:#666;}
.subnavibox a:hover {
	width : 160px ;
	color : #666 ;
	background-color : #ddd;
}




/*footerbox*/

#grayline {
	position:relative;
	margin:0;
	padding:0;
	width:750px;
	height:1px;
}

#grayline img{/*gecko*/
	position:relative;
	top:0px;
	margin:0;
	padding:0;
}

#elephantdesign {
	position:relative;
	top:5px;
	left:11px;
	height:17px;
	margin:0;
	padding:0;
	float:left;
}

#navi {
	position:relative;
	padding:0;
	margin-top:5px;
	margin-right:20px;
	width:290px;
	float:right;
}

#navi img{
	display:inline;
	border:0;
}

#navi a:hover{
	background-color:#e0e0e0;
	height:10px;
	padding:0;
	overflow:hidden;
}


/*from cuumuji util.css */


.forceFloat {
	float : left ;
}

.forceFloatR {
	float : right ;
}


.clearFloat {
	clear : both ;
	margin:0px;
	padding:0px;
}

hr.dot {
	border-bottom : 2px dotted #ccc ;
	border-top: none;
	border-right: none;
	border-left: none;
	padding-top:10px;
}


hr.gray {
	border-bottom : 2px solid #ccc ;
	border-top: none;
	border-right: none;
	border-left: none;
	padding-top: 0px;
}

.helpLink  {
	font-size: 75%;
	background-image: url("../images/question.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;
	text-indent: 18px;
	margin-top: 5px
 }

/*button style*/

.btnGrays {
	width:100px;
	background-color:#999;
	color:#fff;
	font-size: 90%;
	padding:3px;
	margin:0;
	display: block;
	text-align:center;
	line-height:1.1em;
}
.btnGrays a:link {
	color:#fff;
}
.btnGrays a:visited {
	color:#fff;
}

.btnBlues {
	width:100px;
	background-color:#28AECF;
	color:#fff;
	font-size: 90%;
	padding:3px;
	margin:0;
	display: block;
	text-align:center;
	line-height:1.1em;
}
.btnGrays a:link {
	color:#fff;
}

.btnGrays a:visited {
	color:#fff;
}


/*for comment post */

/*comment rcomment*/
.comment {
	margin-top:10px;
	margin-bottom:30px;
	clear:both;
}

.comment .subject { 
	font-weight:bold;
	border-bottom: 2px solid #ccc
}

.comment .body { 
	line-height: 1.6em; 
	white-space: pre-wrap; 
	clear: both; 
/*	white-space : pre ;*/
	white-space : -moz-pre-wrap; /* Mozilla */
	white-space : -pre-wrap;     /* Opera 4-6 */
	white-space : -o-pre-wrap;   /* Opera 7 */
	white-space : pre-wrap;      /* CSS3 */
	line-break : strict ;
	line-height: 1.6em;
	word-break : break-all ;
	word-wrap : break-word;      /* IE 5.5+ */
}

.comment .handle { 
	margin-top: 20px;
}

#general_navi .text {
line-height:1.4em;
/*font-weight:bold;*/
border-bottom: solid 1px #ddd;
padding: 0px 0px 3px 0px;
margin: 0px 5px 5px 0px;
}

.general_category .small {
	padding-bottom:5px;
	line-height:1.8em;
}

.general_category ul {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

li.catList {
	font-size : 90% ;
	list-image:none;
	padding:0px 0px 2px 0px;
	margin: 2px 10px 0px 0px;
	background-image:none;
	white-space:nowrap;
	display:block;
	float:left;
}

/* 101005　/studio/design/notice.php */
.listExpla {
background-color:#DDDDDD;
font-size:90%;
margin:0 0 20px;
padding:15px;
}

/* not used now */

#footermenu{
	padding: 6px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
}
.footerstudio
{
	padding: 0px;
	margin: 0px 0px 0px 60px;
}