@charset "utf-8";
/*
Theme Name: monoplus
Theme URI: http://www.monoplus.com/
Description: monoplus web site theme
Version: 0.0
Author: monoplus
Author URI: http://www.monoplus.com/
Tags: 
*/
/*
*{
border:dotted 1px #f00;
}
*/
/* Begin Typography & Colors */
*{
	margin:				0px;
	padding:			0px;
}

/* text color & font */
h1, h2, h3, h4, h5, h6, h7, p, li, caption, th, td, pre, input, textarea, label{
	color:				#493f3f;
	font-size:			12px;
	line-height:		18px;
	font-family:		"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-weight:		normal;
	word-break:			break-all;
}

a{
	color:				#ff6e00;
	text-decoration:	none;
}

a:hover, a:active{
	color:				#ff6e00;
	text-decoration:	underline;
}

a:visited{
	color:				#622;
	text-decoration:	underline;
}

/* table */
table{
	border-collapse:	collapse;
	margin-bottom:		20px;
}

table.list{
}

table.list caption{
	font-weight:		bold;
	margin-bottom:		20px;
}

table.list th,
table.list td{
	vertical-align:		top;
	text-align:			left;
	border:				solid 1px #aaa;
	padding:			4px;
}

table.list th{
	background-color:	#eee;
	white-space:		nowrap;
}

th, td{
	vertical-align:		top;
}

/* img */
img{
	border:				none;
}




/* Begin Structure */
body{
	background-color:	#fff;
	background-image:	url( ./images/background.png );
}

#page{
	width:				800px;
	margin:				0px auto 50px auto;
	background-color:	#fff;
	border:				solid 1px #888;
}

#header{
	height:				70px;
}

#leftcolumn{
	float:				left;
	width:				160px;
	background-color:	#fff;
}

#rightcolumn{
	float:				right;
	width:				640px;
	background-color:	#fff;
}

#globalnavi{
}

#localheader{
	margin:				40px 20px 40px 20px;
}

#localnavi{
	margin:				0px 0px 0px 20px;
}

#searchform{
}

#pageheader{
	margin:				0px 0px 30px 0px;
}

.pagenavi{
	margin:				0px 0px 30px 0px;
}

#footer {
	margin:				80px 0px 0px 0px;
}


/* -- classes ---------------------------------- */

p.links{
	color:				#ccc;
	font-size:			10px;
}

p.links a{
	color:				#777;
	text-decoration:	none;
}

.clear{
	clear:				both;
}

.nowrap{
	white-space:		nowrap;
}

.center{
	text-align:			center;
}

.floatleft
{
	float:				left;
}

.floatright
{
	float:				right;
}

/* -- header ---------------------------------- */
#header h1{
	float:				left;
	width:				470px;
	margin:				50px 20px 10px 10px;
}

#headerright{
	float:				left;
	font-size:			11px;
	width:				270px;
	text-align:			right;
	margin:				10px 10px 20px 20px;
}

#header h1 a{
	color:				#333;
}

#header h1 a:visited{
	text-decoration:	none;
}

/* -- globalnavi ---------------------------------- */
#globalnavi ul{
	height:				32px;
}

#globalnavi li{
	height:				32px;
	float:				left;
	list-style-type:	none;
	width:				133.3px;
}

#globalnavi img{
	border:				solid 1px #aaa;
	border-left:		none;
}

/* -- localheader ---------------------------------- */

#localheader h2{
	font-size:			23px;
}

/* -- localnavi ---------------------------------- */
#localnavi li{
	list-style-type:	none;

	width:				128px;
	background-color:	#eec;
	border-left:		solid 3px #ff6e00;
	margin:				0px 20px 2px 0px;
	padding:			3px 2px 3px 5px;
}

#localnavi a,
#localnavi a:visited{
	color:				#622;
	text-decoration:	none;
}

#localnavi a:active,
#localnavi a:hover{
	text-decoration:	underline;
}

#localnavi ul li ul li
{
	display:			none;
}


/* -- searchform ---------------------------------- */
#searchform input#s{
	width:				100px;
	margin:				0px 0px 5px 0px;
}

#s{
	border:				solid 1px #493f3f;
	padding:			2px;
}

#searchsubmit{
	background-color:	#ddd;
	border-top:			solid 1px #eee;
	border-left:		solid 1px #eee;
	border-bottom:		solid 1px #888;
	border-right:		solid 1px #888;
	padding:			1px;
	margin:				0px 0px 0px 2px;
}


/* -- pageheader ---------------------------------- */
#pageheader h2{
	margin:				0px 0px 10px 0px;
}

#pageheader p{
	font-size:			10px;
	line-height:		13px;
}

/* -- pagenavi ---------------------------------- */
.pagenavi p{
	font-size:			10px;
	text-align:			right;
}

/* -- footer ---------------------------------- */
#footer p.links{
	float:				left;
	margin:				0px 0px 10px 20px;
}

#footer p#copy{
	color:				#777;
	font-size:			11px;
	text-align:			right;
	margin:				0px 20px 10px 0px;
}


/* -- post & entry ---------------------------------- */
div.post{
	margin:				0px 0px 0px 0px;
}

div.post h2{
	border-left:		solid 5px #ff6e00;
	border-bottom:		solid 1px #ccc;
	padding:			3px 0px 3px 5px;
	margin:				0px 0px 10px 0px;
	background-image:	url( ./images/background_h.png );
}

div.post h3{
}

div.post h3 a,
div.post h3 a:visited{
	color:				#333;
	text-decoration:	none;
}

div.post h3 span.date{
}

div.post h3 span.week{
	font-size:			11px;
}

div.post h4{
	margin-top:			10px;
}

div.post div.entry h3{
	font-weight:		bold;
	margin:				0px 0px 5px 10px;
}

div.post div.entry p{
	margin:				0px 0px 10px 10px;
}

div.post div.entry ul{
	margin:				0px 0px 10px 30px;
}

div.post p.entrydate{
}

div.post img,
div.post object{
	margin:				10px 10px 10px 10px;
}

div.post img{
}

div.entry ul,
div.entry li{
	margin:				0px 0px 0px 10px;
}


/* -- divs ---------------------------------- */

#information,
#productservice,
#products,
#solutions,
#search,
#policy,
#news,
#contact,
#sitemap,
#error
{
	margin:			0px 40px 20px 40px;
}

#breadcrumb{
	color:				#777;
	font-size:			11px;
	text-align:			right;
	margin:				10px 10px 10px 10px;
}

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

/* -- top ---------------------------------- */
#top{
}

#topimage{
	border-bottom:		solid 1px #888;
	margin:				0px 0px 30px 0px;
}

#top #topimage img{
	border:					solid 1px #ccc;
	-moz-border-radius:		3px;
	-khtml-border-radius:	3px;
	-webkit-border-radius:	3px;
	border-radius:			3px;
}

#topleft{
	float:				left;
	width:				440px;
	margin:				20px 10px 20px 20px;
}

#topright{

	float:				left;
	width:				300px;
	margin:				20px 20px 20px 10px;
}

#top h2{
	border-left:		solid 5px #ff6e00;
	border-bottom:		solid 1px #ccc;
	padding:			3px 0px 3px 5px;
	margin:				0px 0px 15px 0px;
	background-image:	url( ./images/background_h.png );
}

#about{
	margin:				0px 0px 30px 0px;
}

#about p{
	margin:				0px 0px 0px 10px;
}

#update{
	margin:				0px 0px 30px 0px;
}

#update p{
	line-height:		14px;
	margin:				0px 0px 10px 10px;
}

#update p span.date{
	color:				#777;
	font-size:			11px;
}

#productsummary{
	margin:				0px 0px 30px 0px;
}

/* -- news ---------------------------------- */

#news div.update{
	margin:			0px 0px 40px 0px;
}

#news div.update h3{
	border-left:		solid 5px #ff6e00;
	border-bottom:		solid 1px #ccc;
	padding:			3px 0px 3px 5px;
	margin:				0px 0px 15px 0px;
	background-image:	url( ./images/background_h.png );
}

#news div.update h3 a{
	color:				#493f3f;
	text-decoration:	none;
}

#news div.update p{
	line-height:		14px;
	margin:				0px 0px 10px 10px;
}

#news div.update p span.date{
	color:				#777;
	font-size:			11px;
}

#news div.title{
	border-left:		solid 5px #ff6e00;
	border-bottom:		solid 1px #ccc;
	padding:			5px 5px 5px 10px;
	margin:				0px 0px 30px 0px;
	background-image:	url( ./images/background_h.png );
}


#news div.entry{
	margin:				0px 0px 50px 0px;
}


/* -- productservice ---------------------------------- */
#productservice table#toc{
	display:			none;
}


/* -- solutions ---------------------------------- */
#solutions table#toc{
	display:			none;
}

/* -- information ---------------------------------- */
#information table#toc{
	display:			none;
}

/* -- contact form -------------------------------------------------------- */

div.contactitem{
	margin:				0px 0px 40px 0px;
}

div.contactitem h3{
	border-left:		solid 5px #ff6e00;
	border-bottom:		solid 1px #ccc;
	padding:			3px 0px 3px 5px;
	margin:				0px 0px 15px 0px;
	background-image:	url( ./images/background_h.png );
}

div.contactitem p{
	margin:				0px 0px 10px 10px;
}

table#contactform{
}

table#contactform th, table#contactform td{
	text-align:		left;
	border:			solid 1px #ccc;
	padding:		5px;
}

table#contactform th{
	background-color:	#eee;
}

.required{
	font-size:		11px;
	color:			#f00;
}

.description{
	color:				#888;
	font-size:			10px;
	margin:				0px 0px 0px 5px;
}

/* -- policy -------------------------------- */
#policy{
	margin:					0px 50px 0px 50px;
}

#policy ul{
	margin:					10px 0px 10px 20px;
}

#policy ol{
	margin:					10px 0px 10px 20px;
}

#policy li{
	margin:					0px 0px 0px 10px;
}

#policy h1{
	border-left:		solid 5px #ff6e00;
	border-bottom:		solid 1px #ccc;
	padding:			3px 0px 3px 5px;
	margin:				0px 0px 20px 0px;
	background-image:	url( ./images/background_h.png );

}

#policy h2{
	background-image:		none;
	border:					none;
	font-size:				13px;
	font-weight:			bold;
	text-decoration:		underline;
	margin:					15px 0px 10px 0px;
}

#policy table.toc li{
	list-style-type:		none;
}

/* -- sitemap ---------------------------------- */
div#sitemap div.sitemapitem{
	float:				left;
	width:				230px;
	height:				300px;
}

div#sitemap h3{
	font-weight:		bold;
	margin:				10px 0px 0px 10px;
}

div#sitemap ul{
	margin:				10px 0px 0px 10px;
}

div#sitemap li{
	list-style-type:	none;
	margin:				0px 0px 5px 10px;
}


/* -- search ---------------------------------- */
#search div.resultitem{
	margin:				10px 0px 0px 0px;
	padding:			0px 0px 10px 0px;
	border-bottom:		dotted 1px #aaa;
}

#search div.resultitem a{
	font-weight:		bold;
}

#search p.message{
	margin:				0px 0px 30px 0px;
}

#search div.resultitem p{
	line-height:		15px;
}

#search div.resultitem span.date{
	color:				#777;
	font-size:			11px;
}

#search div.resultitem span.excerpt{
	font-size:			11px;
}





/* -- IE, Chromeのための対応 ---------------------------------- */
li p{
	display:none;
}