@charset "Shift_JIS";
/*======================================
　▼・ω・▼
　　●濃：#192f60
　　●普：#043c78 
　　●淡：#8d93c8
=======================================*/
/*======================================
　▼・ω・▼　ここからリンク色
=======================================*/
a{
text-decoration: none;
color: #192f60;
}
a:hover {
text-decoration: none;
color: darkred;
}


/*======================================
　▼・ω・▼　ここからポジショニング
=======================================*/
body{
	background: url(http://leafstar.net/cybersphere/_img/bg_body.png) repeat-x top fixed ;
	font-size:12px;
}

#container{
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	background: url(http://leafstar.net/cybersphere/_img/bg_container.png) repeat-y right;
}

#header_position{
	width: 100%;
	height: 20px;
	background: url(http://leafstar.net/cybersphere/_img/bg_header-position.png) repeat-x;
	color: #ffffff;
}

#side_position{
	float: left;
	width: 200px;
	background: url(http://leafstar.net/cybersphere/_img/bg_side-position.png) repeat-y;
}

#main_position{
	float: left;
	width: 560px;
	padding-bottom: 50px;
}

#footer_position{
    clear: both;
	width: 100%;
	height: 20px;
	background: url(http://leafstar.net/cybersphere/_img/bg_header-position.png) repeat-x;
	color: #ffffff;
}


/*======================================
　▼・ω・▼ ここから著作権と概要
=======================================*/
#header_position .description,
#footer_position .copyright{
	padding: 0px 40px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}


/*======================================
　▼・ω・▼　ここからサイドのレイアウト
=======================================*/
/* ▼タイトル */
.sitetitle_module a{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/logo.png)  left top no-repeat;
	width: 200px;
	height: 125px;
}



/* ▼メニュー */
.menu_module{
	clear: both;
	margin-bottom:30px;
}

.menu_module h2.menu-author{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/title_menu-author.png)  left bottom no-repeat;
	width: 200px;
	height: 30px;
	border-bottom: gainsboro 1px dashed;
}

.menu_module h2.menu-project{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/title_menu-project.png)  left bottom no-repeat;
	width: 200px;
	height: 30px;
	border-bottom: gainsboro 1px dashed;
}

.menu_module h2.menu-developer{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/title_menu-developer.png)  left bottom no-repeat;
	width: 200px;
	height: 30px;
	border-bottom: gainsboro 1px dashed;
}

.menu_module h2.menu-copyright{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/title_menu-copyright.png)  left bottom no-repeat;
	width: 200px;
	height: 30px;
	border-bottom: gainsboro 1px dashed;
	margin-bottom: 10px;
}

.menu_module h2.menu-production{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/title_menu-production.png)  left bottom no-repeat;
	width: 200px;
	height: 30px;
	border-bottom: gainsboro 1px dashed;
	margin-bottom: 10px;
}

.menu_module h3{
	margin: 0px;
	padding: 0px;
}

.menu_module .category-menu{
	margin: 0px 10px 15px 20px;
}

.menu_module .category-menu li a{
	display:block;
	width: 160px;
	margin: 3px 0px;
	border-left: 5px solid gainsboro;
	padding: 3px 1px 3px 4px;
	color: #333333;
	font-size: 12px;
}

.menu_module .category-menu li a:hover{
	display:block;
	width: 160px;
	margin: 3px 0px;
	border-left: 5px solid darkorange;
	padding: 3px 1px 3px 4px;
	color: #333333;
	font-size: 12px;
}

.menu_module a.cybersphere{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/menu_cybersphere.png)  left top no-repeat;
	width: 200px;
	height: 40px;
}
.menu_module a.cybersphere:hover{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/menu_cybersphere_h.png)  left top no-repeat;
	width: 200px;
	height: 40px;
}

.menu_module a.data{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/menu_data.png)  left top no-repeat;
	width: 200px;
	height: 40px;
}
.menu_module a.data:hover{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/menu_data_h.png)  left top no-repeat;
	width: 200px;
	height: 40px;
}

.menu_module a.project{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/menu_project.png)  left top no-repeat;
	width: 200px;
	height: 40px;
}
.menu_module a.project:hover{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/menu_project_h.png)  left top no-repeat;
	width: 200px;
	height: 40px;
}

.menu_module a.module{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/menu_module.png)  left top no-repeat;
	width: 200px;
	height: 40px;
}
.menu_module a.module:hover{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/menu_module_h.png)  left top no-repeat;
	width: 200px;
	height: 40px;
}

.menu_module a.extend{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/menu_extend.png)  left top no-repeat;
	width: 200px;
	height: 40px;
}
.menu_module a.extend:hover{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/menu_extend_h.png)  left top no-repeat;
	width: 200px;
	height: 40px;
}


/* ▼リンク */
.link_module{
	width: 180px;
	margin: 0px auto 15px auto;
}

.link_module .link-header{
	background: #192f60;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	padding: 0px 5px;
	text-align: center;
}

.link_module .link-category{
	font-size: 11px;
	font-weight: bold;
	background: ghostwhite;
	border-top: #8d93c8 1px solid;
	border-bottom: #8d93c8 1px dashed;
	padding: 0px 5px;
	color: #192f60;
margin-bottom: 5px;
}

.link_module .link-list{
	font-size: 10px;
	margin: 0px 0px 10px 10px;
}

.link_module .link-list li{
	margin-bottom: 2px;
}

.link_module .link-list li a{
	text-decoration: none;
	border-top:#8d93c8 0px solid;
	border-left:#8d93c8 0px solid;
	border-right:#8d93c8 1px solid;
	border-bottom:#8d93c8 1px solid;
	color: #192f60;
padding: 0px 2px;
}

.link_module .link-list li a:hover {
	text-decoration: none;
	border-top:#8d93c8 1px solid;
	border-left:#8d93c8 1px solid;
	border-right:#8d93c8 0px solid;
	border-bottom:#8d93c8 0px solid;
	color: darkred;
padding: 0px 2px;
}


/* ▼バナー */
.bnr_module{
	width: 180px;
	text-align: center;
	margin: 0px auto 20px auto;
}

.bnr_module img{
	margin:0px auto 10px auto;
}

/* ▼スモールバナー */
.sbnr_module{
	width: 180px;
	text-align: center;
	margin: 0px auto 30px auto;
}

.sbnr_module img{
	margin:0px auto 2px auto;
}


/* ▼ショップ */
.cart_module{
}

/* ▼カウンター */
.counter_module{
	width: 180px;
	text-align: center;
	margin: 50px auto 10px auto;
}

/*======================================
　▼・ω・▼　ここからメインのレイアウト
=======================================*/
/* ▼ページカテゴリ */
.category_module{
	width: 100%;
	height: 15px;
	background: #192f60;
	color: #ffffff;
}

.category_module .category{
	padding: 0px 40px;
	text-align: right;
	font-size: 10px;
	line-height: 120%;
	font-weight: bold;
}

/* ▼メインイメージ */
.main-image_module{
	width: 560px;
	padding-bottom: 30px;
	margin: 0px auto;
}

/* ▼ニュース */
.news_module{
	width: 500px;
	margin: 0px auto 30px auto;
}

.news_module .title{
    clear: both;
	font-size: 114%;
	font-weight: bold;
	color: #333333;
	background: url(http://leafstar.net/cybersphere/_img/bg_title.png) repeat-x left bottom;
	border-top: Blue 3px solid;
	border-bottom: gainsboro 1px solid;
	padding: 3px 10px 3px 10px;
}

.news_module .title a{
	font-size: 100%;
	font-weight: bold;
	color: #333333;
}

.news_module .data{
	background: whitesmoke;
	border-bottom: gainsboro 1px dashed;
	padding: 2px 15px;
	text-align: right;
	font-size: 11px;
	color: gray;
}

.news_module .body{
	margin-top: 15px;
	padding:0px 20px 20px 20px;
	color: #333333;
}

.news_module .body h4{
    clear: both;
	font-size: 107%;
	font-weight: bold;
	color: #333333;
	background: whitesmoke;
	border-bottom: gainsboro 2px solid;
	padding: 1px 0px 1px 0px;
	margin-top:2em;
	margin-bottom:1em;
}

.news_module .body h5{
    clear: both;
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	border-left: gainsboro 5px solid;
	padding: 1px 0px 1px 5px;
	margin-top:2em;
	margin-bottom:0.5em;
}

.news_module .body p{
	margin-bottom:0.6em;
}

.news_module .mt-enclosure mt-enclosure-image,
.news_module .mt-enclosure mt-enclosure-file{
	border: 1px solid gainsboro;
	padding: 5px;
}
.news_module .body img{
	margin: 0px;
	padding: 0px;
}

.news_module .body form{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	border-left: gainsboro 10px solid;
	vertical-align: top;
}

.news_module .body ul{
	margin: 0em 0px 1em 20px;
	padding: 1px 0;
	list-style-position: outside;
	list-style-type: square;
}

.news_module .body ol{
	margin: 0em 0px 1em 20px;
	padding: 1px 0;
	list-style-position: outside;
	list-style-type: lower-roman;
}

.news_module .body li{
	margin-bottom:0.2em;
}

.news_module .body-more{
	background: whitesmoke;
	border: gainsboro 1px dashed;
	padding: 10px 10px;
	font-size: 11px;
	color: gray;
}

.news_module .body-more ul{
	margin: 0px 0px 0px 20px;
	padding: 0px 0;
	list-style-position: outside;
	list-style-type: square;
}
.news_module .body-more li{
	margin-bottom:0;
}



/* ▼ニュースログ */
.newslog_module a{
	display: block;
	float: left;
	width: 80px;
	margin: 0px 0px 10px 10px;
	padding: 2px 4px;
	border: 1px solid gainsboro;
}

/* ▼用途別案内 */
.mainmenu_module{
	width: 500px;
	margin: 0px auto 30px auto;
}

.mainmenu_module .title{
    clear: both;
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/title_mainmenu.png) left bottom no-repeat;
	width: 500px;
	height: 30px;
	border-bottom: gainsboro 1px dashed;
}

.mainmenu_module li.cs a{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/mainmenu_cs.png) left top no-repeat;
	width: 500px;
	height: 60px;
	border-bottom: gainsboro 1px dashed;
}

.mainmenu_module li.csdata a{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/mainmenu_data.png) left top no-repeat;
	width: 500px;
	height: 60px;
	border-bottom: gainsboro 1px dashed;
}

.mainmenu_module li.csproject a{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/mainmenu_project.png) left top no-repeat;
	width: 500px;
	height: 60px;
	border-bottom: gainsboro 1px dashed;
}

.mainmenu_module li.csmodule a{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/mainmenu_module.png) left top no-repeat;
	width: 500px;
	height: 60px;
	border-bottom: gainsboro 1px dashed;
}

.mainmenu_module li.csextend a{
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/mainmenu_extend.png) left top no-repeat;
	width: 500px;
	height: 60px;
	border-bottom: gainsboro 1px solid;
}

/* ▼インフォ */
.info_module{
	width: 500px;
	margin: 0px auto 30px auto;
}

/* ▼おしらせ */
.notice_module{
float:left;
	width: 285px;
	margin: 0px auto 30px auto;
	border-bottom: gainsboro 2px solid;
}

.notice_module .title{
    clear: both;
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/title_notice.png) left bottom no-repeat;
	width: 285px;
	height: 30px;
	border-bottom: gainsboro 1px dashed;
}

.notice_module li a{
	display:block;
	width: 275px;
	margin: 3px 0px;
	border-left: 5px solid gainsboro;
	padding: 3px 1px 3px 4px;
	color: #333333;
	font-size: 12px;
}

.notice_module li a:hover{
	display:block;
	width: 275px;
	margin: 3px 0px;
	border-left: 5px solid royalblue;
	padding: 3px 1px 3px 4px;
	color: #333333;
	font-size: 12px;
}

/* ▼オススメのプロジェクト */
.PR_module{
float:right;
	width: 200px;
	margin: 0px auto 30px auto;
	border-bottom: gainsboro 2px solid;
}

.PR_module .title{
    clear: both;
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/title_pr.png) left bottom no-repeat;
	width: 200px;
	height: 30px;
	border-bottom: gainsboro 1px dashed;
}

.PR_module li a{
	display:block;
	width: 190px;
	margin: 3px 0px;
	border-left: 5px solid gainsboro;
	padding: 3px 1px 3px 4px;
	color: #333333;
	font-size: 12px;
}

.PR_module li a:hover{
	display:block;
	width: 190px;
	margin: 3px 0px;
	border-left: 5px solid hotpink;
	padding: 3px 1px 3px 4px;
	color: #333333;
	font-size: 12px;
}


/* ▼おしらせアーカイブ */
.notice-archive_module{
	width: 500px;
	margin: 0px auto 30px auto;
	border-bottom: gainsboro 2px solid;
}

.notice-archive_module .title{
    clear: both;
	text-indent: -9999px;
	display:block;
	background:url(http://leafstar.net/cybersphere/_img/title_notice.png) left bottom no-repeat;
	width: 500px;
	height: 30px;
	border-bottom: gainsboro 1px dashed;
}

.notice-archive_module li a{
	display:block;
	width: 490px;
	margin: 3px 0px;
	border-left: 5px solid gainsboro;
	padding: 3px 1px 3px 4px;
	color: #333333;
	font-size: 12px;
}

.notice-archive_module li a:hover{
	display:block;
	width: 490px;
	margin: 3px 0px;
	border-left: 5px solid royalblue;
	padding: 3px 1px 3px 4px;
	color: #333333;
	font-size: 12px;
}


form#mailform{
width: 360px;
overflow: hidden;
border: 1px solid silver;
padding: 19px;
margin: 0px auto 10px auto;
}

form#mailform dl{
width: 360px;
overflow: hidden;
margin: 0px;
}

form#mailform dt{
clear: both;
width: 100px;
float: left;
margin: 7px 0px;
}

form#mailform dd input{
width: 210px;
float: right;
}

form#mailform dd input.checkbox{
float: left;
width: 20px;
margin: 7px 0px 7px 10px;
}

form#mailform dd textarea{
WIDTH: 320px;
HEIGHT: 370px;
margin-top: 0px;
}
 
form#mailform dt.attention{
width: 320px;
margin: 10px 10px 5px 10px;
padding: 4px 9px;
background: lavenderblush;
border: 1px solid lightcoral;
font-size: 11px;
color: firebrick;
text-align: center;
}


.thanks-module p{
clear: both;
margin-bottom: 40px;
padding: 0px 19px;
background: lavenderblush;
border: 1px solid lightcoral;
font-size: 13px;
color: firebrick;
text-align: center;
height: 40px;
line-height: 40px;
}