@charset "UTF-8";

/************************************************************************
*   
*   女性起業家フォーラム「クローネ」
*
*   Author:  UZURY.INC
*   Copyright: Uzury (c) 2009
*   Date:    2009
*   Web:     http://www.corone.jp/
*   Email:   info@uzury.co.jp
* 
*************************************************************************/

/*-----------------------------------------------------------------------
Universal Selecter
------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

/*-----------------------------------------------------------------------
Body
------------------------------------------------------------------------*/

body {
	background: #fff;
	font-size: 12px;
	*font-size: small;
	*font: x-small;
	font-family: "Lucida Grande",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1;
}

* html body * { /* IE 6 Hack */
	font-size: 12px;
	font-family: "Lucida Grande",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
	line-height: 1.4;
}

*:first-child+html body * { /* IE 7 Hack */
	font-size: 12px;
	font-family: "Lucida Grande",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
	line-height: 1.4;
}



select, input, textarea  {
	font: 99% arial,helvetica,clean,sans-serif;
}
pre, code  {
	font: 115% monospace;
	*font-size: 100%;
}

fieldset {
	border: none;
}

/*-----------------------------------------------------------------------
General Selecter
------------------------------------------------------------------------*/

th, td, img {
	border: none;
}

hr, caption {
	display: none;
}

ul, ol, li {
	list-style: none;
}


/*-----------------------------------------------------------------------
レイアウト指定
------------------------------------------------------------------------*/

div#container {
	width: 100%;
	background: #f1efea;
	text-align: center;
	margin: 0;
	padding: 0;
}

div#corone {
	width: 980px; /* ←ページ全体の幅を変えるときはこの数値を修正して下さい */
	margin: -12px auto 0 auto !important; /* 緊急回避用！後日：要修正 */
	padding: 0 20px 20px 20px;
	text-align: left;
	background: #fff;
	line-height: 1.4;
}

* html div#corone {
	margin: 0 auto;
}

*:first-child+html div#corone {
	margin: 0 auto;
}

#left {
	width: 180px; /* ←左メニューの幅を変えるときはこの数値を修正して下さい */
	/* border-right: 1px solid #cccccc;
	background-image: url(images/menub_02.jpg);
	background-repeat: repeat-y;
	background-position: right; */
	padding: 0 0 0 10px;
}

#right {
	width: 250px; /* ←右メニューの幅を変えるときはこの数値を修正して下さい */
	/* background-image: url(images/menub_02.jpg);
	background-repeat: repeat-y;
	background-position: right; */
	padding: 0 0 0 10px;
	margin: 0 0 0 20px;
	background: #fff;
}
* html #right { /* ← for IE6 */
	width: 250px;
}

#center { /* ←センターメニューの幅を変えるときはこの数値を修正して下さい */
	width: 560px;
	margin: 0 0 0 20px;
	background: #fff;
	padding: 0;
}

/*-----------------------------------------------------------------------
Common Module
------------------------------------------------------------------------*/

.btn {
	cursor: pointer;
}
div#hajimeyou a img.btn,
div#hajimeyou a:hover img.btn {
	border: none !important;
	cursor: pointer !important;
}

/*-----------------------------------------------------------------------
Font Setting
------------------------------------------------------------------------*/

div#hajimeyou p,
div#hajimeyou dt,
div#hajimeyou dd,
div#hajimeyou th,
div#hajimeyou td,
div#hajimeyou ul li,
div#hajimeyou ol li,
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/*-----------------------------------------------------------------------
HyperText Setting
------------------------------------------------------------------------*/

a:link {
	color: #525C0A;
	text-decoration: none;
}
a:visited {
	color: #7E825E;
	text-decoration: none;
}
a:hover {
	color: #ABBB3F;
	text-decoration: none;
}
a:active {
	color: #ABBB3F;
	text-decoration: none;
}

/*-----------------------------------------------------------------------
テーブル
------------------------------------------------------------------------*/

table {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

table td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

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

h1 {
	font-size: 125%;
}
h2 {
	font-size: 112%;
}
h3, h4, h5 {
	font-size: 100%;
}

ul { margin: 2px; padding: 2px; list-style: decimal outside; text-align: left;}
li {
	list-style: square inside;
	color: #ff8686;
	margin-top: 3px;
	margin-bottom: 3px;
}

.item {border: 1px solid #cccccc;}
.itemHead {padding: 3px; background-color: #666666; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

.clear {
	clear: both;
}

.contmain1{
	background-image: url(images/ta_01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 6px;
	font-size: 6px;
}

.contmain2{
	height: 6px;
	width: 6px;
	font-size: 6px;
}

.contmain3{
	background-image: url(images/ta_03.gif);
	background-repeat: repeat-y;
}

.contmain4{
	background-image: url(images/ta_04.gif);
	background-repeat: repeat-y;
	background-position: right center;
	padding-right: 3px;
	padding-left: 3px;
}

.contmain5{
	background-image: url(images/ta_05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 6px;
	font-size: 6px;
}

.contmain6{
	height: 6px;
	width: 6px;
	font-size: 6px;
}

.space{
	height: 10px;
}


#headerlogo {
	/* padding-top: 20px; */
	padding-left: 10px;
	float: left;
}

.headertext{
	color: #666666;
	padding-top: 2px;
	padding-bottom: 1px;
}

#headerright {
	float: right;
	padding-top: 2px;
}

#headermenu {
	margin-right: 5px;
	text-align: right;
}

.headermenulink {
	margin-right: 3px;
	height: 23px;
	padding-bottom: 5px;
}

.headermenulinkimg {
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
}

#headerlogin {
	margin-top: 10px;
	margin-right: 5px;
	text-align: right;
}

#gnavi {
	padding-left: 5px;
	float: left;
	margin-top: 20px;
}

.main-navi a {
	color:#fff;
	width:110px;
	height: 18px;
	background-image: url(images/gnav1.jpg);
	padding-top: 12px;
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: center;
	display: block;
	float: left;
	background-position: 3px;
	font-size: 10px;
}

.main-navi a:hover {
	color:#c60;
	background-image: url(images/gnav2.jpg);
	background-repeat: no-repeat;
}

/* th {
	color: #FFFFFF;
	padding : 4px;
	background-image: url(images/th.gif);
} */

.column2 {
	width: 9px;

	background-repeat: repeat-y;
	background-position: left; */
}

#left .blockTitle {
	padding-top: 10px;
	padding-bottom: 3px;
	color: #FF6600;
	font-weight: bold;

	text-align: center;
	background-position: left top;
}

#left .blockTitleleft {
	width: 6px;

	background-position: right top;
}

#left .blockContent {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding: 3px;

}

#left .blockContentleft {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	width: 6px;
	background-position: right top;
}

.blockBottom {
	height:15px;
	background-repeat: no-repeat;
}

.blockBottomleft {
	width: 6px;

	background-repeat: no-repeat;
	background-position: right top;
}

.cont-title {
	color: #777;
	font-weight: bold;
	background-image: url(images/center-title.jpg);
	height: 23px;
	padding-top: 6px;
	padding-left: 18px;
	background-repeat: no-repeat;
}

.blockTitle2 {
	background-image: url(images/center-title_02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 6px;
	padding-left: 18px;
	height: 23px;
}

.centerCcolumn {
	clear:both;
	padding-bottom: 3px;
}

.centerCcolumn div.blockTitle {
	clear:both;
	color: #777;
	font-weight: bold;
	background-image: url(images/center-title_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.centerCcolumn div.blockContent {
	margin-bottom: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.centerLcolumn {
	float: left;
	overflow:hidden;
	/* width: 560px; */
	width: 48%;
	padding-right: 3px;
}

.centerLcolumn div.blockTitle {
	color: #777;
	font-weight: bold;
	background-image: url(images/centerl-title_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.centerLcolumn div.blockContent {
	margin-bottom: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.centerRcolumn {
	float: right;
	overflow:hidden;
	width: 49%;
	padding-left: 3px;
}

.centerRcolumn div.blockTitle {
	color: #777;
	font-weight: bold;

	background-repeat: no-repeat;
	background-position: left top;
}

.centerRcolumn div.blockContent {
	margin-bottom: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
}

div#content {text-align: left;}

#right .blockTitle {
	padding-top: 10px;
	padding-bottom: 3px;
	color: #FF6600;
	font-weight: bold;

	text-align: center;
	background-position: left top;
}

#right .blockTitleleft {
	width: 6px;

	background-position: right top;
}

#right .blockContent {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding: 3px;

}

#right .blockContentleft {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	width: 6px;

	background-position: right top;
}

#banner{
	text-align: center;
	margin-top: 20px;
}

#pagetop {
	text-align: right;
	vertical-align: top;
	margin: 20px 0;
	padding: 0;
}

#pagetop ul {
	margin: 0;
	padding: 0;
}
#pagetop ul li {
	float: right;
	text-indent: -4000px;
}
#pagetop ul li a {
	width: 62px;
	height: 9px;
	display: block;
	background: url('img/pagetop.gif') no-repeat;
}
#pagetop ul li a:hover {
	background: url('img/pagetop_on.gif') no-repeat;
}
.footmenu{
	padding-top: 5px;
	text-align: center;
	/* border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-image: url(images/even.gif);
	background-repeat: repeat-x; */
}

.footer {
	text-align:center;
	padding-top: 3px;
	padding-bottom: 7px;
	/* background-image: url(images/hbar.jpg);
	background-repeat: repeat-x; */
	font-size: 10px;
}

#mainmenu a {
	display: block;
	background-image: url(images/menulink1.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 9px;
	padding-bottom: 4px;
	padding-left: 9px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}

#mainmenu a:hover {
	background-image: url(images/menulink2.gif);
	background-repeat: no-repeat;
}

#mainmenu a.menuTop {padding-left: 10px;}
#mainmenu a.menuMain {padding-left: 10px;}
#mainmenu a.menuSub {
	padding-left: 10px;
	margin-left: 15px;
	display: block;
}

#usermenu a {
	display: block;
	background-image: url(images/menulink1.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 9px;
	padding-bottom: 4px;
	padding-left: 9px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}
#usermenu a:hover {
	background-image: url(images/menulink2.gif);
	background-repeat: no-repeat;
}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color: #fcc;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { 
	background: #FFFFFF; 
	border: 1px inset #000080;
	padding: 0px 6px 6px 6px;
	width: 400px;
	overflow: auto;
}

div.xoopsQuote { 
	background: #FFFFFF; 
	border: 1px inset #000080; 
	padding: 2px;
	width: 400px;
	overflow: auto;
}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}
.margin40 {	margin-top: 40px;}

/* --------------------------------------------------------------------------------------
　Login Form
--------------------------------------------------------------------------------------- */
div#header {
	padding-top: 10px;
	width: 940px;
	background: #fff;
	margin: 0 auto;
}
div#header h1 {
	float: left;
	width: 455px;
	margin: 0 0 7px 0;
}

div#header ul {
}

div#header ul li {
	text-indent: -3000px;
}

div#header ul li a {
	display: block;
	height: 9px;
	position: absolute;
}

div#header ul li.h_sitemap a {
	width: 62px;
	top: 10px;
	right: 250px; /* 27%; */
	background: url('img/head_sitemap.gif') no-repeat;
}
div#header ul li.h_sitemap a:hover {
	background: url('img/head_sitemap_on.gif') no-repeat;
}

div#header ul li.h_contact a {
	width: 68px;
	top: 10px;
	right: 170px; /* 22%; */
	background: url('img/head_contact.gif') no-repeat;
}

div#header ul li.h_contact a:hover {
	background: url('img/head_contact_on.gif') no-repeat;
}

div#header h2 {
	float: right;
	width: 439px;
	/* margin: 23px 0 7px; */
	margin: 43px 0 7px 0;
}


/*-----------------------------------------------------------------------
Global Navi
------------------------------------------------------------------------*/

#globalnavi {
	margin: 0;
	padding: 7px 0 0 0;
	width: 980px;
	clear: both;
	height: 35px;
}

#globalnavi ul {
	margin: 0 !important;
	padding: 0 !important;
}

#globalnavi ul li {
	text-indent: -4000px;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
}

#globalnavi ul li a {
	display: block;
	width: 117px;
	height: 35px;
	margin: 0 !important;
	padding: 0 !important;
}

#globalnavi ul li a.base { /* 準備・基礎編 */
	background: url('img/gnavi_base.jpg') no-repeat;
}
#globalnavi ul li a.base:hover {
	background: url('img/gnavi_base_on.jpg') no-repeat;
}

#globalnavi ul li a.purchase { /* 卸・仕入れ編 */
	background: url('img/gnavi_purchase.jpg') no-repeat;
}
#globalnavi ul li a.purchase:hover {
	background: url('img/gnavi_purchase_on.jpg') no-repeat;
}

#globalnavi ul li a.building { /* 構築編 */
	background: url('img/gnavi_building.jpg') no-repeat;
}
#globalnavi ul li a.building:hover {
	background: url('img/gnavi_building_on.jpg') no-repeat;
}

#globalnavi ul li a.shoppingcart { /* ショッピングカート編 */
	background: url('img/gnavi_shoppingcart.jpg') no-repeat;
}
#globalnavi ul li a.shoppingcart:hover {
	background: url('img/gnavi_shoppingcart_on.jpg') no-repeat;
}

#globalnavi ul li a.patron { /* 集客編 */
	background: url('img/gnavi_patron.jpg') no-repeat;
}
#globalnavi ul li a.patron:hover {
	background: url('img/gnavi_patron_on.jpg') no-repeat;
}

#globalnavi ul li a.event { /* イベント紹介 */
	background: url('img/gnavi_event2.jpg') no-repeat;
}
#globalnavi ul li a.event:hover {
	background: url('img/gnavi_event2_on.jpg') no-repeat;
}

#globalnavi ul li a.convenient_service { /* 便利なサービス */
	background: url('img/gnavi_convenient_service2.jpg') no-repeat;
}
#globalnavi ul li a.convenient_service:hover {
	background: url('img/gnavi_convenient_service2_on.jpg') no-repeat;
}

#globalnavi ul li a.counseling_room { /* 相談室 */
	background: url('img/gnavi_counseling_room.jpg') no-repeat;
	width: 150px;
}
#globalnavi ul li a.counseling_room:hover {
	background: url('img/gnavi_counseling_room_on.jpg') no-repeat;
}

/*-----------------------------------------------------------------------
Top Main Image
------------------------------------------------------------------------*/
.margin30 {
	margin-top: 30px;
}

/*-----------------------------------------------------------------------
Pico	>	SupportLink
------------------------------------------------------------------------*/

#supportlink_body h1, #supportlink_body p {
	font-family: "Lucida Grande",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
}

#supportlink_body h1 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	padding-top: 11px;
	border-left: 1px solid #efbc22;
	border-right: 1px solid #efbc22;
	text-indent: 15px;
	background: url('http://www.corone.jp/themes/orange/img/sl_h1_bg.jpg') repeat-x left top;
	text-align: left;
	vertical-align: top;
	height: 29px;
}

*:first-child+html #supportlink_body h1 {
	padding-top: 10px;
	height: 30px;
}

#supportlink_body p {
	font-size: 15px !important;
	line-height: 1.2;
	color: #333;
}

/*-----------------------------------------------------------------------
Mail Form
------------------------------------------------------------------------*/

.outer { /* お問い合わせフォーム */
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
} 


.outer * {
	font-family: "Lucida Grande",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
}

.outer tr th {
	margin: 0 !important;
	padding: 20px 0 20px 5px !important;
	font-size: 13px !important;
	font-weight: bold !important;
	text-align: left;
	vertical-align : top;
	color: #61402b !important;
	background: #f8faee;
	width: 100%;
}

.outer tr td.head {
	padding: 20px !important;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 2px #fff;
	background: #f0ebdd;
	color: #61402b;
	text-align: center;
	vertical-align: middle;
}

.outer tr td input, .outer tr td textarea {
	padding: 3px 2px;
}

* html .outer tr td input {
	padding: 3px 3px;
}

* html .outer tr td textarea {
	padding: 1px 3px;
}
.outer tr .odd, .outer tr .even {
	/* width: 50%; */
}

.outer tr .even {
	padding: 15px 10px !important;
	/* width: 50%; */
}

.outer tr .odd {
	padding: 15px 10px !important;
}

.foot {
	padding: 5px;
	background-image: url(images/foot.gif);
	background-repeat: repeat-x;
	background-color: #EBEBEB;
}


/* .contact_button { /* 送信ボタンを画像に変更
	width: 600px !important;
	height: 70px !important;
	background: url('http://www.corone.jp/themes/orange/img/contact_buttun.gif') no-repeat !important;
	cursor: pointer !important;
	border: 0 !important;
	margin: 0;
	padding: 0;
}
.contact_button:hover {
	background: url('http://www.corone.jp/themes/orange/img/contact_buttun_on.gif') no-repeat !important;
}

#contactcenter {
	clear: both;
	width: 600px !important;
	text-align: center !important;
	margin-top: 50px !important;
	margin-left: 45px !important;
	padding: 0;
} */

/*-----------------------------------------------------------------------
管理画面
------------------------------------------------------------------------*/

.pico_form_table tr th.head {
	width: auto !important;
	padding: 15px 0 !important;
	border-bottom: solid 5px #fff !important;
	font-size: 12px !important;
	font-weight: bold !important;
	background: #f6f6f6 !important;
	color: #61402b !important;
	text-align: center !important;
	vertical-align: middle !important;
	background: url('http://www.corone.jp/themes/orange/img/contact_td_bg.jpg') left top repeat !important;
}