/***************************************************************************
[Yocto-basetemplate:目次]
（1）基本情報
（2）大枠レイアウト
（3）ヘッダー
（4）パンくず
（5）プライマリレイアウト：左メニュ＋コンテンツ
（6）セカンダリレイアウト：右メニュー
（7）左メニュー
（8）右メニュー
（9）コンテンツ
（10）フッター
/***************************************************************************

/*（1）基本情報
*****************************************************/
*{
	margin:0;
	padding:0;
}

body {
	background:#808080;
	text-align:center;
	font-size: 76%;
	letter-spacing:0.1em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
}

/* フォーム関連 */
form {
	margin: 0;
	padding: 0;
}

input.button {
	cursor: pointer;
}

/* リンク関連 */
a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #606060;
}

a:hover {
	color: #0b3768;
	text-decoration: underline;
	font-weight: normal;
}

/* 要素 */
p {
	margin-top: 0;
	margin-bottom: 5px;
}

div, p, table, td, th {
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	font-size: 1em;
	color: #333;
}

img{
	border:none;
}

/*（2）大枠レイアウト
*****************************************************/
div#container{
	margin:0 auto;
	width:880px;
}

div#container_inner{
	background:url(../images/bg/bg-contents.png) repeat-y;
	margin:10px 0;
	width:880px;
	text-align:center;
}


/*（3）ヘッダー
*****************************************************/
div#head{
	background:url(../images/bg/bg-head.png) no-repeat left top;
	width:880px;
	margin:0;
	padding:0;
}

/* ロゴ＋ヘッダーメニュー */
div#head_inner{
	clear:both;
	height:85px;
	overflow:hidden;
}
div#head_inner:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div#logo {
	float: left;
	width: 125px;
	height: 25px;
	padding: 15px 20px 10px 20px;
	margin:5px 0 0 0;
}

div#headmenu{
	float: right;
	width: 630px;
	margin: 0 0 10px 0;
	padding: 20px 20px 10px 0;
	text-align: right;
}

div#headmenu p{
	color:#999999;
	font-size:10px;
}

div#headmenu ul{
	list-style:none;
	padding:0 0 0 0;
	margin:25px 0 0 0;
	font-size:10px;
	letter-spacing:0.5px;
}

div#headmenu li{
	display:inline;
	padding:0 0 0 20px;
	margin:0 0 0 10px;
	background:url(../images/icon-arrow-blue.gif) 4px 3px no-repeat;
}

/* Flashエリア */
div#flasharea{
	clear:both;
	margin:0;
	padding:0;
}

html>body div#flasharea{
	padding:0;
}

/* メインメニュー */
div.pill {
	background: url(../images/bg/bg-menu.png) -5px 0 no-repeat;
	clear:both;
	width:870px;
	height:42px;
	margin:0 5px;
	padding:0;
	position:relative;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

div#pillmenu {
	margin:0;
	height:42px;
}

#pillmenu ul {
	list-style:none;
	margin:0;
	padding:9px 0 0 0;
	letter-spacing:0.1em;
}

#pillmenu li {
	margin:0;
	padding:0;
	width:145px;
	position:absolute;
}

#pillmenu li.item1{
	left:0;
}

#pillmenu li.item2{
	left:145px;
}

#pillmenu li.item3{
	left:290px;
}

#pillmenu li.item4{
	left:435px;
}

#pillmenu li.item5{
	left:580px;
}

#pillmenu li.item6{
	left:725px;
}


#pillmenu a {
	display:block;
	height: 32px;
	padding-top:5px;
	color:#666666;
	text-decoration: none;
	font-weight: bold;

}

#pillmenu li.item1 a:hover{
	background: url(../images/bg/bg-menu.png) -5px -51px no-repeat;
}

#pillmenu li.item2 a:hover{
	background: url(../images/bg/bg-menu.png) -150px -51px no-repeat;
}

#pillmenu li.item3 a:hover{
	background: url(../images/bg/bg-menu.png) -295px -51px no-repeat;
}

#pillmenu li.item4 a:hover{
	background: url(../images/bg/bg-menu.png) -440px -51px no-repeat;
}

#pillmenu li.item5 a:hover{
	background: url(../images/bg/bg-menu.png) -585px -51px no-repeat;
}

#pillmenu li.item6 a:hover{
	background: url(../images/bg/bg-menu.png) -730px -51px no-repeat;
}

#pillmenu li.item6 a:hover{
	background: url(../images/bg/bg-menu.png) -730px -51px no-repeat;
}

#pillmenu li#current{
	float:left;
	display:block;
	height:32px;
	padding:0;
	color: #666666;
	text-decoration: none;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/*（4）パンくず
*****************************************************/
#pathway {
	background: url(../images/bg/bg-bread.png) left top no-repeat;
	clear:both;
	height:20px;
	margin: 0 0 0 0;
	padding:14px 0 10px 25px;
	text-align: left;
}

html>body div#pathway{
	margin: 0 0 0 0;
}

span.pathway{
	display: block;
	overflow: hidden;
	height:16px;
	margin:0 0;
	line-height:16px;
}

/*（5）プライマリレイアウト：左メニュ＋コンテンツ
*****************************************************/
div#maincontents{
	background: url(../images/mw_line_grey.png) 650px 0 repeat-y;
	width:850px;
	margin:0 15px 10px 15px;
	padding:0;
	text-align:left;
	zoom:1;
}

div#maincontents:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


div#primary{
	width:640px;
	float:left;
	overflow: hidden;
}



/*（6）セカンダリレイアウト：右メニュー
*****************************************************/
div#secondary{
	width:190px;
	float:right;
	margin:0;
	padding:0;
}

/*（7）左メニュー
*****************************************************/
#leftcolumn {
	padding: 0;
	margin:0 5px 0 0;
	float:left;
	width:180px;
}

#leftcolumn ul{
	list-style:none;
	margin:0 10px;
	padding:0;
	display:block;
	zoom:1;
}

#leftcolumn ul:after{
    content: "";
    clear:both;
    height:0;
    display:block;
    visibility: hidden;
}

#leftcolumn li{
	list-style:none;
	margin:0 0;
	padding:0;
	display:block;
}

/* 各メニュー設定 */
ul.SideMenu1sidemenu-01,
ul.SideMenu2sidemenu-02,
ul.SideMenu3sidemenu-03,
ul.SideMenu4sidemenu-04,
ul.SideMenu5sidemenu-05,
ul.SideMenu6sidemenu-06{
	margin:0 0 15px 0;
	padding:0;
	display:block;
}

ul.SideMenu1sidemenu-01 li.parent a,
ul.SideMenu2sidemenu-02 li.parent a,
ul.SideMenu3sidemenu-03 li.parent a,
ul.SideMenu4sidemenu-04 li.parent a,
ul.SideMenu5sidemenu-05 li.parent a,
ul.SideMenu6sidemenu-06 li.parent a{
	padding:16px 0 6px 40px;
	display:block;
	font-weight:bold;
}

ul.SideMenu1sidemenu-01 li.parent ul,
ul.SideMenu2sidemenu-02 li.parent ul,
ul.SideMenu3sidemenu-03 li.parent ul,
ul.SideMenu4sidemenu-04 li.parent ul,
ul.SideMenu5sidemenu-05 li.parent ul,
ul.SideMenu6sidemenu-06 li.parent ul{
	margin-bottom:15px !important;
}


ul.SideMenu1sidemenu-01 li.parent ul li,
ul.SideMenu2sidemenu-02 li.parent ul li,
ul.SideMenu3sidemenu-03 li.parent ul li,
ul.SideMenu4sidemenu-04 li.parent ul li,
ul.SideMenu5sidemenu-05 li.parent ul li,
ul.SideMenu6sidemenu-06 li.parent ul li{
	display:block;
}

ul.SideMenu1sidemenu-01 li.parent ul li a,
ul.SideMenu2sidemenu-02 li.parent ul li a,
ul.SideMenu3sidemenu-03 li.parent ul li a,
ul.SideMenu4sidemenu-04 li.parent ul li a,
ul.SideMenu5sidemenu-05 li.parent ul li a,
ul.SideMenu6sidemenu-06 li.parent ul li a{
	background: url(../images/icon-sidemenu.gif) 0 5px no-repeat;
	display:block;
	width:110px;
	margin:2px 0 0 18px;
	padding:3px 0 0 13px;
	font-weight:normal;
}

ul.SideMenu1sidemenu-01 li.parent ul li span.active_link,
ul.SideMenu2sidemenu-02 li.parent ul li span.active_link,
ul.SideMenu3sidemenu-03 li.parent ul li span.active_link,
ul.SideMenu4sidemenu-04 li.parent ul li span.active_link,
ul.SideMenu5sidemenu-05 li.parent ul li span.active_link,
ul.SideMenu6sidemenu-06 li.parent ul li span.active_link{
	display:block;
	background: url(../images/icon-sidemenu.gif) 0 5px no-repeat;
	width:110px;
	height:15px;
	padding:3px 0 0 13px;
	margin:5px 0 0 18px;
	font-weight:normal;
}

/* メニュー：Yoctoとは */
ul.SideMenu1sidemenu-01 li.parent{
	display:block;
	background: url(../images/sidemenu-01.jpg) no-repeat;
	width:160px;
	margin-top:15px;
	border-top:#E9E9E9 1px solid;
}

/* メニュー：活用実例 */
ul.SideMenu2sidemenu-02 li.parent{
	display:block;
	background: url(../images/sidemenu-02.jpg) no-repeat;
	width:160px;
	margin-top:15px;
	border-top:#E9E9E9 1px solid;
}

/* メニュー：プラン内容 */
ul.SideMenu3sidemenu-03 li.parent{
	display:block;
	background: url(../images/sidemenu-03.jpg) no-repeat;
	width:160px;
	margin-top:15px;
	border-top:#E9E9E9 1px solid;
}

/* メニュー：導入事例 */
ul.SideMenu4sidemenu-04 li.parent{
	display:block;
	background: url(../images/sidemenu-04.jpg) no-repeat;
	width:160px;
	margin-top:15px;
	border-top:#E9E9E9 1px solid;
}

/* メニュー：お試しダウンロード */
ul.SideMenu5sidemenu-05 li.parent{
	display:block;
	background: url(../images/sidemenu-05.jpg) no-repeat;
	width:160px;
	margin-top:15px;
	border-top:#E9E9E9 1px solid;
}

/* メニュー：お問合せ */
ul.SideMenu6sidemenu-06 li.parent{
	display:block;
	background: url(../images/sidemenu-06.jpg) no-repeat;
	width:160px;
	margin-top:15px;
	border-top:#E9E9E9 1px solid;
}

/*（8）右メニュー
*****************************************************/
/* 検索 */
#search {
	width: 190px;
	margin: 0;
	height: 60px;
	overflow: hidden;
	padding:0 0 0 0;
	background:url(../images/bg-search.jpg) 0 0 no-repeat;
}
.search_inner {
	padding:25px 0 0 47px;
}


/* お問合わせ */
#contact {
	margin:0;
	padding:0;
	width:190px;
	clear:both;
}

/*（9）コンテンツ
*****************************************************/
/* コンテンツエリア */
div#contents{
	overflow:hidden;
	width: auto;
	margin:0;
	padding:0;
	line-height:150%;
	letter-spacing:0.5px;
	float:left;
}

/* 各エリア */
div#sec01{
	/*width:450px;*/
	width: auto;
	margin:15px 0 0 0;
	clear:both;
	overflow:hidden;
}

div#sec02{
	/*width:450px;*/
	width: auto;
	margin:0 0 0 0;
	clear:both;
	overflow:hidden;
}

div#sec03{
	/*width:450px;*/
	width: auto;
	margin:0 0 0 0;
	clear:both;
	overflow:hidden;
}

/*（10）フッター
*****************************************************/
/* コピーライト */
div#copyright {
	background: url(../images/bg/bg-foot.png) 0 bottom no-repeat;
	height:35px;
	margin:0;
	padding:10px 0 0 25px;
	text-align:left;
}

/* フッターメニュー */
div#footermenu{
	margin:0 10px;
	padding:10px 0;
	border-bottom:1px solid #E4E4E4;
	border-top:1px solid #E4E4E4;
	text-align:center !important;
	clear:both;
}

html>body div#footermenu{
}

#footermenu ul {
	margin: 0;
	padding: 0;
	list-style:none;
	display:inline;
}

#footermenu li {
	background: url(../images/mw_menu_separator.png) top right no-repeat;
	margin: 0;
	padding: 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
	display:inline;
}

#footermenu a {
	font-size: 12px;
	color:#666666;
	text-decoration: none;
}


/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/
h3, .componentheading, table.moduletable th {
  color: #135cae;
}

h3, .componentheading, table.moduletable th, legend {
	margin: 0;
	font-weight: bold;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.5em;
	padding-left:0;
	text-align: left;
}

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}


/* headers */
div.componentheading {
	padding-left:0;
}

h1 {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #666;
	text-align: left;
	width: 100%;
}

.contentheading {
	background: url(../images/topic.jpg) 0 0 repeat;
	width:634px;
	height:29px;
	margin:0 0 15px 0;
	padding:0px 0px 10px 10px;
	vertical-align: middle;
	text-align: left;
	font-family: Arial, Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#485E62;
}


table.contentpaneopen h3 {
	margin-top: 0;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

h3, .componentheading, table.moduletable th, legend {
	margin: 0;
	font-weight: bold;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.5em;
	padding-left: 0;
	text-align: left;
}

/* small text */
.small {
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0;
}

a.readon {
	background: url(../images/mw_readon.png) top right no-repeat;
	height: 16px;
	margin-top:10px;
	padding-right: 20px;
	display: block;
	float:left;
	line-height: 14px;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f6f6f6;
}

.ol-background {
	background-color: #666;
}

.ol-textfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
}

a.mainlevel:hover {
}

/* spacers */
span.article_separator {
	display: block;
	height: 20px;
}

.article_column {
	width:440px;
}

.column_separator {
	padding-left:10px;
}

td.buttonheading {
}

.clr {
	clear: both;
}


div#maindivider {
	overflow: hidden;
}

table.blog span.article_separator {
	display: block;
}

/* table of contents */
table.contenttoc {
	margin: 5px;
	border: 1px solid #ccc;
	padding: 5px;
}

table.contenttoc td {
	padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
	background: #efefef;
	color: #333;
	font-weight: bold;
	padding: 4px;
	border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
	padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane {
	/*width: auto;*/
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

/* module control elements */
div.module_menu h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	margin: -23px -4px 5px -5px;
	padding-left:10px;
	padding-bottom: 2px;
}

div.module_menu {
	margin: 0;
	padding: 0;
}

div.module_menu div div div {
	padding:10px;
	padding-top: 30px;
	padding-bottom:15px;
	width: auto;
}

div.module_menu div div div div {
	background: none;
	padding: 0;
}

div.module_menu ul {
	margin:10px 0;
	padding-left:20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
	font-weight: bold;
}

#leftcolumn div.module {
	padding: 0;
}

#leftcolumn div.module table {
	border-top:#E4E4E4 1px solid;
	width: auto;
}

#leftcolumn div.module table div{
	margin:0 0 5px 20px;
}

#leftcolumn div.module table div img{
	margin-right:5px;
}

/* forms */
table.adminform textarea {
	width:540px;
	height:400px;
	font-size:1em;
	color: #000099;
}

div.search input {
	margin:0;
}

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

div.caption       { padding: 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist {
	margin-top: 5px;
}

table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height:30px;
}

div.message {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0 10px;
	padding: 3px 20px;
}

/* System Messages */

dl#system-message { margin: 0; padding: 0; }
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-size: 14px; }

/* System Standard Messages */

#system-message dt.message { display: none; }
#system-message dd.message { background: #fff; }
#system-message dd.message ul { list-style: none; color: black; padding: 10px 10px 10px 40px;}

/* System Error Messages */

#system-message dt.error { display: none; }
#system-message dd.error { background: #f00; }
#system-message dd.error ul { list-style: none; background: url(../../../images/M_images/icon_error.gif) no-repeat 10px 10px; color: white; padding: 10px 10px 10px 40px;}

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
	text-align: left;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #666;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../_system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}