/********************************/
/*ベーシックな背景色とフォント*/
/********************************/

body{
	margin:0px;padding:0px;
	background:url(http://oc-i.jp/static/images/top/dot.gif);
	font-size:12px;
	color:#2F1C00;
	text-align: center;   
	font-family : MS ゴシック,Osaka,ヒラギノ角ゴ Pro W3,Osaka,trebuchet ms,sans-serif;  
	}


body#request-form-nippori{
	background:url(http://www.netlaputa.ne.jp/~nippori/a010bcg.gif);
}

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

li.none{list-style-type: none;}

table,td,div{
	font-size:12px;
	color:#2F1C00;
	font-family : MS ゴシック,Osaka,ヒラギノ角ゴ Pro W3,Osaka,trebuchet ms,sans-serif; 
	}
	
textarea,input{
	font-size:12px;
	color:#2F1C00;
	font-family : MS ゴシック,Osaka,ヒラギノ角ゴ Pro W3,Osaka,trebuchet ms,sans-serif; 
	}
	

img{border:0px;}



/*********/
/*特殊文字*/
/********/

.title{
	font-size:14px;
	font-weight:bold;
	}
.hidden{
	color:#888888;
	}
.alert{
	color:#FF0000;
	}
td.alert{padding:30px;color:#FF0000;}
.small{
	font-size:10px;
	}
.strong{
	font-weight:bold;
	}
.oshirase{margin-top:10px;}
.oshirase span{font-size:10px;font-weight:bolder;color:#FF0000;}

.hidden hr{clear:both;visibility:hidden;height:10px;padding:0px;margin:0px;line-height:0px;border:0px;}


p.more{clear:both;text-align:right;}
p.more a{padding:0px 10px;background:url(http://oc-i.jp/static/images/yajirusi_off.gif) no-repeat left center;}
p.more a:hover{background:url(http://oc-i.jp/static/images/yajirusi_on.gif) no-repeat left center;}



/***********/
/*リンクカラー*/
/***********/

a:link{
	color:#8B0000;
	text-decoration:none;
}

a:active{
	color:#215dc6;
	background-color:#CCDDEE;
	text-decoration:none;
}

a:visited{
	color:#CC6600;
	text-decoration:none;
}

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

/*headerの中のイレギュラー*/
#topnavi a:link{
	color:#8B0000;
	text-decoration:none;
}

#topnavi a:active{
	color:#215dc6;
	background-color:#CCDDEE;
	text-decoration:none;
}

#topnavi a:visited{
	color:#8B0000;
	text-decoration:none;
}

#topnavi a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

/*loginBarのイレギュラー*/
td#loginBar table.login td.status a:link{
	color:#8B0000;
	text-decoration:none;}

td#loginBar table.login td.statusR a:active{
	color:#215dc6;
	background-color:#CCDDEE;
	text-decoration:none;
}
td#loginBar table.login td.statusR a:visited{
	color:#8B0000;
	text-decoration:none;
}

td#loginBar table.login td.statusR a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

td#loginBar table.logout td.status a:link{
	color:#8B0000;
	text-decoration:none;}

td#loginBar table.logout td.statusr a:active{
	color:#215dc6;
	background-color:#CCDDEE;
	text-decoration:none;
}
td#loginBar table.logout td.status a:visited{
	color:#8B0000;
	text-decoration:none;
}

td#loginBar table.logout td.status a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

td#loginBar table.logout td.status span.email input{width:90px;}
td#loginBar table.logout td.status span.password input{width:80px;}
td#loginBar table.logout td.status span.loginBtn input{width:60px;}


.join img{background-color:#8B0000;}
.join a:hover img{background-color:#FFCC00;}

/*************/
/*h1~h4の指定*/
/*************/
/*h1：カテゴリー名：例OCスクール*/

h1{
	margin:0px;
	text-indent:-9999em;
}

/*h2：メニューにある項目のタイトル*/
h2{
	margin:0px 0px 15px 0px;
	font-size:14px;
	font-weight:bold;
	color:#2F1C00;
}

/*h3：サブタイトル：例最近のイベント*/
h3{border-left:4px solid #FF972D;
	margin:0px 0px 15px 0px;
	padding:8px 5px;
	font-size:12px;
	font-weight:bold;
	color:#220000;
	background-color:#ECE9D8;
	width:95%;_width:98%;
	}

/*h4：タイトル：イベント名*/
h4{border-left:4px solid #007500;
	margin:0px;
	padding:3px 5px;
	font-size:12px;
	font-weight:bold;
	}

/*h5：タイトル：イベント名*/
h5{background-image:url(/static/images/pointer_h5.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding-left:5px;
	font-size:12px;
	font-weight:bold;
	}



/***********/
/*formの指定*/
/***********/

input.btn1{
	background-color:#007500;
	border-color:#444444;
	border-width:1px;
	color:#ffffff;
	}
	
/*フォーカスの指定*/
.formbaseOn{background-color:#ECE9D8;}
.formbaseOff{background-color:#ffffff;}

/*フォームを囲うtable*/
.leftL table.tables td.detail{text-align:left;padding:8px;width:490px;}
.tables td.sbjkt{width:109px;padding:8px;text-align:right;}
.tables td.detail{text-align:left;padding:8px;}

/********/
/*区切り線*/
/********/

.blockline{
	border-style:none none dashed none;
	border-bottom-width:1px;
	border-color:#ECE9D8;
	margin:10px 0px 15px;
	clear:both;
	}
.blocklineOrg{
	border-style:none none dashed none;
	border-bottom-width:1px;
	border-color:#FF9732;
	margin:10px 0px 15px;
	clear:both;
	}

/*囲み*/
.dotline{
	border:1px dotted;
	}



/********/
/*ベース*/
/********/
.base{width:100%;}
.wide{
clear:both;
width:820px;
background-color:#fff;
border-left:#000 solid 1px;
border-right:#000 solid 1px;
}
.header{width:800px;}
#ticker{margin:10px;}
#catch{margin:10px;}

#loginBar{text-align:right;}
td#loginBar table.login{width:420px;}
td#loginBar table.login img.space{margin-right:5px;}
td#loginBar table.login td.statusL{text-align:left;}
td#loginBar table.login td.statusR{text-align:right;}

td#loginBar table.logout{width:420px;margin-right:0px;}
td#loginBar table.logout img.space{margin-right:5px;}
td#loginBar table.logout td.status{text-align:left;}


#container {
  width: 800px;
  background-color: #FFFFFF;
  line-height: 140%;
  margin:0px auto;
  padding:20px 0px 0px;
  text-align: left;
  }

.all{width:730px;margin:0px auto;text-align:center;}
.left{float:left;width:180px;margin:0px 0px;}
html>body .left{margin:0px 0px;}
.leftL{float:left;width:650px;margin:0px 0px;}
html>body .leftL{margin:0px 0px;}
.center{float:left;width:450px;margin:0px 0px;}
body#howto .center{float:left;width:460px;margin:0px 0px;}
html>body .center{margin:0px 0px;}
.rightS{float:right;width:150px;font-size:10px;margin:0px 10px 0px 0px;}
html>body .rightS{margin:0px 10px 0px 0px;}
.right{float:right;width:620px;margin:0px 0px;}
html>body .right{margin:0px 0px;}


.block{margin:5px 0px 20px;text-align:left;}
.block-inr{margin:0px 0px 10px;_margin:5px 0px 10px;text-align:left;}
.center .block{margin-right:10px;}
.left .block{margin-right:10px;}
.leftL .block{margin-right:20px;}
.right .block{}

/* 右カラム */
.rightS .block ul,
.rightS .block ol{text-align:left;margin-left:15px;}
.rightS .block ul li span,
.rightS .block ol li span{display:block;font-size:10px;font-weight:normal;}
.rightS .block p,
.rightS .block dl{font-family:Osaka－等幅,"ＭＳ ゴシック";margin:10px 0px;}
.rightS .block p{margin-bottom:0.5em;}
.rightS .block dl dt{font-weight:bold;margin-top:10px;}
.rightS .block dl dd{}
.rightS .block dl dd span{display:block;font-size:90%;text-indent:-1em;margin-left:1em;}
.rightS .blockBtn{text-align:center;margin:0px 0px 5px;padding:0px;}
.rightS .blockBtn .txt{margin:5px 0px 0px;padding:0px;}
.rightS table#rightMenu{background-image: url(/static/images/mypage/menu_bg.gif);}
.rightS div#menuBox{width:120px;margin:10px;padding:5px;background-color:#ECE9D8;border:1px solid #fff;}

.leftL .blockBtn{margin:0px auto;padding:5px;text-align:center;}
.leftL .blockBtn img{margin:0px 30px;}

/*********/
/*topnavi*/
/*********/

#topnavi li{float:left;margin:1px;list-style-type:none;text-align:0px;}



/******/
/*menu*/
/******/

#menu li{float:left;margin-right:3px;list-style-type:none;}


/********/
/*footer*/
/********/

#footer{width:820px;border-left:1px solid #000;border-right:1px solid #000;margin:0px auto;clear:both;text-align:left;background:url(http://oc-i.jp/static/images/common/footer_bg.gif);}
#footer #footer_fs{width:820px;height:107px;background:url(http://oc-i.jp/static/images/common/footer_fs.gif) no-repeat 0px 0px;position:relative;}
#footer #footer_fs2{width:820px;height:107px;background:url(http://oc-i.jp/static/images/common/footer_fs2.gif) no-repeat 0px 0px;position:relative;}
#footer #footer_fs .footer_breadcrumbs{position:absolute;top:40px;left:70px;}
#footer #footer_fs .footer_breadcrumbs a{color:#CC6600;}

#footer #footer_menulist{overflow:hidden;margin-bottom:20px;}
#footer #footer_menulist div#footer_recommend,
#footer #footer_menulist div#footer_mypage,
#footer #footer_menulist div#footer_atelier,
#footer #footer_menulist div#footer_school,
#footer #footer_menulist div#footer_bazaar,
#footer #footer_menulist div#footer_dejima{width:180px;margin-bottom:15px;}

#footer #footer_menulist div#footer_mypage #btn-regist a{display:block;width:170px;height:40px;background:url(http://oc-i.jp/static/images/common/footer_join-btn.gif) no-repeat 0px 0px;text-indent:-9999px;}
#footer #footer_menulist div#footer_mypage #btn-regist a:hover{background:url(http://oc-i.jp/static/images/common/footer_join-btn2.gif) no-repeat 0px 0px;}

#footer #footer_menulist #firstblock,
#footer #footer_menulist #secondblock,
#footer #footer_menulist #thirdblock,
#footer #footer_menulist #fourthblock{float:left;margin:0px 20px 0px 0px;}
#footer #footer_menulist #firstblock{margin-left:20px;}

#footer #footer_menulist div#footer_atelier span{display:block;}

#footer #footer_menulist #footer_recommend ul li{list-style-type:none;position:relative;}
#footer #footer_menulist div#footer_recommend ul li a{background:url(http://oc-i.jp/static/images/common/footer_arw.gif) no-repeat;padding-left:10px;margin-left:5px;position:absolute;left:70px;}

#footer h5{background-image:none;border-bottom:1px dashed #1D98C3;margin-bottom:10px;padding:0px;padding-bottom:5px;}
#footer #footer_basicmenu{clear:both;text-align:center;}
#footer #footer_basicmenu ul{width:600px;margin:0px auto;}
#footer #footer_basicmenu li{color:#FFF;float:left;margin:3px;list-style-type:none;}
#footer #footer_copy{clear:both;text-align:center;}

/*リンク*/
#footer a:link   {color:#FFFFFF;text-decoration:none;}
#footer a:active {color:#FFFFFF;text-decoration:none;}
#footer a:visited{color:#FFFFFF;text-decoration:none;}
#footer a:hover  {color:#FF7500;text-decoration:none;}

/*タイトルバーalert*/
.oshirase a:link   {color:#F00;text-decoration:none;}
.oshirase a:active {color:#F00;text-decoration:none;}
.oshirase a:visited{color:#F00;text-decoration:none;}
.oshirase a:hover  {color:#F00;text-decoration:underline;}

/*リンク時*/
div.motto{margin-top:10px;}
div.left div.motto{text-align:right;width:95%;}
div.center div.motto{text-align:right;width:95%;}
div.leftL div.motto{text-align:right;width:95%;}
div.right div.motto{text-align:right;width:95%;}



.right table.yajirusi{width:600px;margin-bottom:10px;}
.leftL table.yajirusi{width:600px;margin-bottom:10px;}
.center table.yajirusi{width:450px;margin-bottom:10px;}
.yajirusi a:hover{color:#FF7500;text-decoration:none;}
.yajirusi td.back{text-align:left;width:100px;}
.yajirusi td.next{text-align:right;width:100px;}
.yajirusi td.count{text-align:center;}




/*仲間一覧*/
div.memberList{}
div.memberList ul{margin:0px;padding:0px;}
div.memberList ul li{display:block;float:left;list-style-type:none;width:155px;margin:0px 2px 3px 0px;padding:0px;background:url(/static/images/mypage/listthumb_base.gif) no-repeat top right;text-align:left;}
div.memberList ul li div.photo{width:56px;height:56px;margin:6px 0px 0px 3px;padding:0;text-align:center;float:left;}
html>body div.memberList ul li div.photo{margin:6px 0px 0px 5px;}
div.memberList ul li div a img{}
div.memberList ul li p.htkt{display:block;width:78px;height:70px;overflow:auto;float:left;margin:5px 0px 0px 13px;padding-top:5px;font-size:10px;text-align:left;}
html>body div.memberList ul li p.htkt{margin:5px 0px 0px 15px;float:none;padding-top:5px;font-size:10px;text-align:left;}
div.memberList ul li p.attribute{clear:both;background:url(/static/images/mypage/listthumb_name.gif) no-repeat bottom right;margin:0px;padding:4px 2px 1px;text-align:left;font-size:10px;}
div.memberList ul li p.attribute span{padding:2px;}
div.memberList hr{visibility:hidden;clear:both;}



/*仲間一覧-左*/
div.jyuminThumbt{}
div.jyuminThumb ul{margin:0px;padding:0px;}
div.jyuminThumb ul li{display:block;list-style-type:none;width:170px;margin:0px 2px 2px 0px;padding:0px;background:url(/static/images/mypage/listthumb_base170.gif) no-repeat top right;text-align:left;}
div.jyuminThumb ul li div.photo{width:56px;height:56px;margin:6px 0px 0px 3px;padding:0;text-align:center;float:left;}
html>body div.jyuminThumb ul li div.photo{margin:6px 0px 0px 5px;}
div.jyuminThumb ul li div a img{}
div.jyuminThumb ul li p.htkt{display:block;width:88px;height:60px;overflow:auto;float:left;margin:5px 0px 0px 15px;padding-top:5px;font-size:10px;text-align:left;}
html>body div.jyuminThumb ul li p.htkt{margin:5px 0px 0px 15px;float:none;}
div.jyuminThumb ul li p.attribute{clear:both;background:url(/static/images/mypage/listthumb_name170.gif) no-repeat bottom right;margin:0px;padding:4px 2px 1px;text-align:left;font-size:10px;}
div.jyuminThumb ul li p.attribute span{padding:2px;}
div.jyuminThumb hr{visibility:hidden;clear:both;}


/*コミュ一覧*/
div.communityList{}
div.communityList ul{
	margin:0px;
	padding:0px;
}
div.communityList ul li{
	display:block;
	float:left;
	list-style-type:none;
	width:155px;
	margin:0px 2px 3px 0px;
	padding:0px;
	background:url(/static/images/community/listthumb_base.gif) no-repeat top right;
	text-align:left;
}
div.communityList ul li div.photo{
	width:56px;
	height:56px;
	margin:6px 0px 0px 3px;
	padding:0;
	text-align:center;
	float:left;
}
html>body div.communityList ul li div.photo{
	margin:6px 0px 0px 5px;
}
div.communityList ul li div a img{}
div.communityList ul li p.htkt{
	display:block;
	width:78px;
	height:60px;
	overflow:auto;
	float:left;
	margin:5px 0px 0px 13px;
	padding-top:5px;
	font-size:10px;
	text-align:left;
}
html>body div.communityList ul li p.htkt{
	margin:5px 0px 0px 15px;
	float:none;
	padding-top:5px;
	font-size:10px;
	text-align:left;
}
div.communityList ul li p.attribute{
	clear:both;
	background:url(/static/images/community/listthumb_name.gif) no-repeat bottom right;
	margin:0px;
	padding:0px;
	text-align:left;
	font-size:10px;
	height:20px;
}
div.communityList ul li p.attribute span{
	padding:3px 0px 0px 5px;
}
div.communityList hr{
	visibility:hidden;
	clear:both;
}



/*コミュ一覧@home*/
div.communityList-home{}
div.communityList-home ul{
	margin:0px;
	padding:0px;
}
div.communityList-home ul li{
	display:block;
	float:left;
	width:150px;
	background:url(/static/images/community/listthumb_base.gif) no-repeat top right;
	margin:0px 2px 3px 0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
}
div.communityList-home ul li div.photo{
	float:left;
	width:56px;
	height:56px;
	margin:6px 0px 0px 1px;
	padding:0px;
	text-align:center;
}
html>body div.communityList-home ul li div.photo{margin:6px 0px 0px 2px;}
div.communityList-home ul li div a img{}
div.communityList-home ul li p.htkt{display:block;width:73px;height:60px;overflow:auto;float:left;margin:5px 0px 0px 13px;padding-top:5px;font-size:10px;text-align:left;}
html>body div.communityList-home ul li p.htkt{margin:5px 0px 0px 15px;float:none;padding-top:5px;font-size:10px;text-align:left;}

div.communityList-home ul li p.attribute{clear:both;background:url(/static/images/community/listthumb_name.gif) no-repeat bottom right;margin:0px;padding:2px 0px 0px;text-align:left;font-size:10px;height:20px;}
div.communityList-home ul li p.attribute span{padding:2px 2px 2px 5px;}
div.communityList-home hr{visibility:hidden;clear:both;}


/***********/
/*ベースカラー*/
/***********/
.basecolor1{background-color:#ff7500;}
.basecolor2{background-color:#007500;}
.basecolor3{background-color:#ECE9D8;}
.basecolor4{background-color:#2F1C00;}
.basecolor5{background-color:#66CCCC;}
.basecolor6{background-color:#FFFFFF;}

.color1{color:#ff7500;}
.color2{color:#007500;}
.color3{color:#ECE9D8;}
.color4{color:#2F1C00;}
.color5{color:#66CCCC;}
.color6{color:#FFFFFF;}


/*デジマ公式コミュへのボタン*/
p#btn-koshiki a{
	display:block;
	width:150px;
	height:55px;
	background:url(/static/images/school_site/btn-koshiki_school.gif) no-repeat left center;
	text-indent:-9999px;
}


/*右カラムテキストリンクゾーン*/
div#textlinkzone{
	background:url(/static/images/textlinkzone-bg-top.gif) repeat-y center top;
padding-top:10px;
}
div#textlinkzone h5,div#textlinkzone p{margin:10px 5px 10px;}
div#textlinkzone h5{
	background:url(/static/images/pushmark.gif) no-repeat left top;
	padding:0px 0px 0px 20px;
}
div#textlinkzone a p{color:#444;text-decoration:none;}
div#textlinkzone div.hidden{
	background:url(/static/images/textlinkzone-hrline.gif) no-repeat center;
}
div#textlinkzone div.hidden.end{
	height:5px;
	background:url(/static/images/textlinkzone-bg-btm.gif) no-repeat center bottom;
}



/*request-form 080128*/
body#request-form ul,
body#request-form-nippori ul,
body#request-form ul li,
body#request-form-nippori ul li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
body#request-form ul li ul,
body#request-form-nippori ul li ul{
	margin:0px 0px 0px 0px;
}
body#request-form ul.request-list li.request-area,
body#request-form-nippori ul.request-list li.request-area{
	width:550px;
	clear: both;
	margin:0px 0px 20px;
}
body#request-form ul.request-list li.request-area .hidden,
body#request-form-nippori ul.request-list li.request-area .hidden{
	clear:both;
}
body#request-form ul.request-list li.request-area h4,
body#request-form-nippori ul.request-list li.request-area h4{
	display:block;
	height:20px;
	background:url(http://oc-i.jp/static/images/common/h5_title.gif) no-repeat left bottom;
	margin:0px;
	padding:0px 0px 0px 10px;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	border:none;
	}
body#request-form ul.request-list li.request-area li,
body#request-form-nippori ul.request-list li.request-area li{
display:block;
float:left;
width:230px;
text-indent:-25px;
padding-left:25px;
margin:5px 20px 0px 0px;
}
body#request-form ul.request-list li.request-area li.osusume,
body#request-form-nippori ul.request-list li.request-area li.osusume{
display:block;
clear:left;
width:500px;
text-indent:-25px;
padding-left:25px;
margin:5px 20px 0px 0px;
}
body#request-form div.form-btn,
body#request-form-nippori div.form-btn{
	text-align:center;
	width:550px;
	margin:10px 10px 10px 0px;
	padding:3px;
}

.icondetail{padding:10px 10px 0px ;border:1px solid #fc0;background-color:#ffc;margin-bottom:20px;}
.icondetail div{clear:both;margin:0px;}
.icondetail ul{clear:both;display:block;}
.icondetail p{clear:both;border-left:5px solid green;padding-left:3px;margin:0px 0px 10px;}
.icondetail ul.styleicon li{display:block;float:left;width:180px;}
.icondetail ul.itemicon li{display:block;float:left;width:120px;}