/*
Theme Name: onze-original
Description: onze, WordPress theme designed by atware.co.jp.
Version: 1.0
Author: m.matsudate
Author URI: http://www.lastuf.com/
Tags: fixed width, right sidebar, two columns, valid XHTML, widgets, onze
*/

/* begin Page */
body
{
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background-image: url('images/bg.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.continer
{
  background: none;
  position: relative;
}

* html div.continer
{
  height:100%;
}

h1
{
  font-size: 16px;
  text-align:center;
  margin-top: 30px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

h2
{
  font-size: 14px;
  color: #4D4D4D;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin-top: 12px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

h3
{
  font-size: 13px;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  margin-left: 10px;
//  line-height: 12px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

h4
{
  font-size: 12px;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  line-height: 16px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.list, .list ul
{
  margin-left: 20px;
  margin-top: 20px;
  padding:0;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.list li
{   
  list-style: none;
  padding-left: 16px;
  background: url('images/i_cal.png') left top no-repeat;   
  line-height: 16px;   
}

.Main
{
  position: absolute;
  width: 100%;
  left: 0px;
  margin-top: 25px;
}

table, th, td
{
  font-size: 1em; 
  padding: 0; 
  border-collapse: collapse;
}

.table_01 
{
  width: 470px;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border-top: 1px dotted #999999;
}

.table_01 th
 {
  width:120px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  text-align: left;
  vertical-align: top;
  color: #666666;
  background-color: #EEF7FF;
  border-bottom: 1px dotted #999999;
  border-left: 5px solid #0392FF;
}

.table_01 td 
{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  border-bottom: 1px dotted #999999;
  border-left: 3px double #CCCCCC;
}

.table_02 
{
  width: 470px;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

.table_02 th
 {
  width:200px;
  padding: 0px;
  background-color: none;
}

.table_02 td 
{
  padding: 0px;
}

.table_03 
{
  width: 470px;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border-top: 3px double #0DDD0D;
}

.table_03 th
 {
  width:120px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  text-align: left;
  vertical-align: top;
  color: #666666;
  background-color: #DBFADB;
  border-bottom: 1px dotted #0DDD0D;

}

.table_03 td 
{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  background-color: #F7F7F7;
  border-bottom: 1px dotted #0DDD0D;
  border-left: 1px solid #0DDD0D;
}

.table_04 
{
  width: 470px;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

.table_04 th
 {
  padding: 0px;
  background-color: none;
}

.table_04 td 
{
  width:170px;
  padding: 0px;
}

.table_form
{
  width: 470px;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border-top: 1px dotted #999999;
}

.table_form th
 {
  width:100px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  text-align: left;
  vertical-align: top;
  color: #666666;
  background-color: #EEF7FF;
  border-bottom: 1px dotted #999999;
  border-left: 5px solid #0392FF;
  border-right:3px double #CCCCCC;
}

.table_form td
{
  padding-left: 5px;
  border-bottom:1px dotted #999999;
}

.required
{
  color: #FF0000;
} 

a img
{ 
  border: 0; 
}

a
{
  color: #4D4D4D;
}

a:link
{
  color: #4D4D4D;
}

a:visited
{
  color: #4D4D4D;
}

a:hover
{
  color: #0392FF;
}
/* end Page */

/* begin Header */
#clickable
{
  width: 690px;
  height: 304px;
  position: relative;
}

#clickable li
{
  list-style-type: none;
}

#clickable li.abouts2s a
{
  position: absolute;
  top: 45px;
  left: 430px;
  display: block;
  width: 176px;
  height: 40px;
}

#clickable li.s2sapply a
{
  position: absolute;
  top: 100px;
  left: 444px;
  display: block;
  width: 176px;
  height: 40px;
}

#clickable li.s2s_net a
{
  position: absolute;
  top: 153px;
  left: 446px;
  display: block;
  width: 176px;
  height: 40px;
}

#clickable li.s2s_club a
{
  position: absolute;
  top: 207px;
  left: 429px;
  display: block;
  width: 176px;
  height: 40px;
}

#clickable li.abouts2s a:hover
{
  background: url('images/abouts2s_on.png') no-repeat top left;
}

#clickable li.s2sapply a:hover
{
  background: url('images/s2sapply_on.png') no-repeat top left;
}

#clickable li.s2s_net a:hover
{
  background: url('images/s2s_net_on.png') no-repeat top left;
}

#clickable li.s2s_club a:hover
{
  background: url('images/s2s_club_on.png') no-repeat top left;
}
/* end Header */

/* begin Menu */
.nav
{
  position: center;
  margin-left: auto;
  margin-right: auto;
  width: 696px;
  height: 10px;
}

.menu
{
  height: 28px;
  table-layout: fixed;
  border-style: none;
  border-collapse: separete;
}

.menu td 
{
  width: 116px;
  text-align: center;
}
.menu td.current_menu_item
{
  background-image: url(images/m_on.png);
  background-repeat: no-repeat;
  background-position: 50%;
}
.menu td.menu_item
{
  background-image: url(images/m_off.png);
  background-repeat: no-repeat;
  background-position: 50%;
}

.menu a
{
  cursor: pointer;
  text-decoration: none;
  font-family: 'Tahoma';
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #0392FF;
}

/* end Menu */

/* begin ContentLayout */
.contentLayout
{
  margin-left: auto;
  margin-right: auto;
  width: 690px;
  margin-top: 18px;
}
/* end ContentLayout */

/* begin Box, BlockContent */
.BlockContent-top
{
  background-color: #FFFFFF;
  width:690px;
  height:20px;
  position: relative;
  margin-bottom: 4px;
}

.BlockContent 
{
  background-image: url('images/sidebar_bg.png');
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.BlockContentBottom
{
  background-image: url('images/p_under.png');
  background-repeat: no-repeat;
  width:690px;
  height:18px;
  position: relative;
}

.BlockContentHome
{
  position: relative;
  overflow: hidden;
}

.BlockContent-body 
{
  width: 490px;
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
  padding-left: 9px;
  text-align: left;
  color: #4D4D4D;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;  
  text-decoration: none;
}

.BlockContentHome-body 
{
  width: 440px;
  position: relative;
  overflow: hidden;
//  margin-top: 12px;
  margin-bottom: 50px;
  text-align: left;
  color: #4D4D4D;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;  
  text-decoration: none;
}

.BlockContent a
{
  color: #4D4D4D; 
}

.BlockContent a:link
{
  color: #4D4D4D; 
}

.BlockContent a:visited
{
  color: #4D4D4D ;
}

.BlockContent a:hover
{
  color: #0392FF;
}

/* end Box, BlockContent */

/* begin LayoutCell */
.contentLayout .content
{
  position: relative;
  margin: 0;
  padding:0;
  border:0;
  float: left;
  overflow: visible;
}

.contentLayout .sidebar
{
  display: block;
  width: 190px;
  margin: 0px;
  padding: 0px;
  float: left;
  overflow: hidden;
  font-size: 14px;
}

.contentLayout .bannerarea
{
  width: 280px;
  position: relative;
//  margin-top: 12px;
  margin-bottom: 10px;
  margin-left: -30px;
  border:0;
  float: left;
  overflow: hidden;
  font-size: 14px;
}
/* end LayoutCell */

.sidebar ul
{
  margin-left: -18px;
//  margin-left: 22px;
//  margin-top: 12px;
  padding-bottom: 10px;
}

.sidebar ul li
{
  list-style-position: outside;
  list-style-image:  url(images/list.png);
  list-style-type: none;
  position: relative;
  margin-bottom: 4px;
}

.sidebar ul ul
{
  margin-top: 0px;
  margin-left: 10px;
//  margin-left: 14px;
  padding-left: 6px;
}

.sidebar ul ul li
{
  list-style-image :  url(images/list_y.png);
  position: relative;
  margin-left: -16px;
  margin-top: 3px;
}

.sidebar ul ul li a
{
  color: #0392FF; 
}

.sidebar ul ul li a:link
{
  color: #0392FF; 
}

.sidebar ul ul li a:visited
{
  color: #0392FF; 
}

.sidebar ul ul li a:hover
{
  color: #4D4D4D;
}


.category-title
{ 
  font-size: 16px;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  color: #4D4D4D;
  margin-left: 6px;
  margin-top: 12px;
}

.category-header
{
  font-size: 14px;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  color: #0392FF;
  margin-top: 14px;
}

.category-header a
{
  color: #0392FF;
}

.category-header a:link
{
  color: #0392FF; 
}

.category-header a:hover
{
  color: #4D4D4D;
}

.category-header a:visited
{
  color: #4D4D4D;
}

.category-text
{
  font-size: 12px;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  margin-top: 5px;
  margin-left: 12px;
}

.category-text a
{
  color: #FF6F03;
}

.category-text a:link
{
  color: #FF6F03; 
}

.category-text a:hover
{
  color: #0392FF;
}

.category-text a:visited
{
  color: #FF6F03;
}

.bannerarea ul
{
  list-style : none;
  position: relative;

}

.bannerarea ul li
{
  margin-bottom: 6px;
}

#footer
{
  background-image: url('images/copyright.png');
  background-position: no-repeat;
  background-position: center;
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 53px;
  color: #FFFFFF;
}

#footer a
{
color: #FFFFFF;
}

#footer a:hover
{
color: #0392FF;
text-decoration: underline;
}

.footer_table
{
  width: 690px;
  height: 48px;
  table-layout: fixed;
  border-style: none;
}
.footer_table td 
{
  text-align: center;
  vertical-align:bottom;
}


.post h2 a 
{
  text-decoration: none;
}

.aligncenter, div.aligncenter
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft
{
  float: left;
}

.alignright
{
  float: right;
}

.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.commentlist li .avatar
{
  float: right;
  border: 1px solid #eee;
  padding: 2px;
  background: #fff;
}

#commentform textarea
{
	width: 90%;
	padding: 2px;
}