/* CSS Document */

/*
*********************************************
*
* Since : 2007-01-05
* Editor: S.Sakamoto
* Editor:
*
*********************************************
*/

/*
----------------------------------------------
ato creative Web CSS
Last Up Date : 2007-01-05
----------------------------------------------
*/

/*Contents-----------------------------------*/
/*************** tag ************************/
/*************** container ************************/ 
/*************** wrapper ************************/ 
/*************** header **********************/ 
/*************** fooder **********************/
/*************** contents ************************/
/*************** dripLink ************************/
/*************** mainBody ************************/
/*************** leftMenu ************************/
/*************** rightContents ************************/
/*************** index.html ************************/
/*-------------------------------------------*/



/*tag
----------------------------------------------*/

* {
 margin:0;
 padding:0;
}

body {
 width: 100%;
 height: 100%;
 background-color: #FFFFFF;
 font-size: 10px;
 font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Osaka", verdana,arial, sans-serif;
 line-height: 140%;
 color: #333333;
 text-align: center;
}

a:link {
 color: #666666;
 text-decoration: underline;
}

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

a:hover {
 color: #666666;
 text-decoration: underline;
}

a img {
 text-decoration: none;
 border: none;
}

ul {
 list-style-type: none;
}

:lang(en) {
 font-family:Geneva, Arial, Helvetica, sans-serif;
}

/*entrance
----------------------------------------------*/
table.entrance {
 width: 100%;
 height: 100%;
}

table.entrance td {
 text-align: center;
}

#entranceArea {
 margin: auto;
 padding: 200px;
 width: 190px;
 text-align: left;
}

#entranceArea #linkArea:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; 
} 

#entranceArea #linkArea {
 display: inline-table;
}

/* Hides from IE-mac ?*/ 
* html #entranceArea #linkArea {height: 1%;} 
#entranceArea #linkArea {display: block;} 
/* End hide from IE-mac */

#entranceArea #linkArea {
 padding-top: 30px;
}

#entranceArea #linkArea div.link {
 float: left;
 padding-right: 20px;
}


/*container
----------------------------------------------*/
#container {
 width: 94%;
 margin: 20px auto;
 padding: 0;
 text-align: center;
}

/*header
----------------------------------------------*/
#header:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
} 

#header {
 display: inline-table;
 width: 100%;
 height: 46px;
 _padding-bottom: 10px;
 background-image: url(common/img/bg_header.gif);
 background-position: bottom;
 background-repeat: repeat-x;
 text-align: left;
}

/* Hides from IE-mac ?*/ 
* html #header {height: 1%;} 
#header {display: block;} 
/* End hide from IE-mac */

#header #logo {
 display:block;
 padding: 0;
}

#header #title {
 display: block;
 padding: 0;
}

#header #entryBtn {
 float: right;
 height: 28px;
 padding-top: 21px;
 padding-right: 16px;
}


/*footer
----------------------------------------------*/
#footer:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; 
} 

#footer {
 display: inline-table;
 width: 100%;
 margin-bottom: 20px;
 padding: 5px 0;
 background-color: #CCCCCC; 
}

/* Hides from IE-mac ?*/ 
* html #footer {height: 1%;} 
#footer {display: block;} 
/* End hide from IE-mac */

#footer #copyright{
 float: left;
 margin: 0;
 padding: 0;
}

#footer #producer{
 float: right;
}


/*contents
----------------------------------------------*/
#contents:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; 
} 

#contents {
 display: inline-table;
 width: 100%;
 margin: 30px 0;
 padding: 0;
}

/* Hides from IE-mac ?*/ 
* html #contents {height: 1%;} 
#contents {display: block;} 
/* End hide from IE-mac */


/*leftMenu
----------------------------------------------*/
#leftMenu {
 width: 150px;
 padding-right: 30px;
 vertical-align: top;
}

#leftMenu ul {
 display: block;
 margin: 0;
 padding: 0; 
}

#leftMenu li {
 display: block;
 margin: 0;
 padding: 0 0 1px 0;
}

#leftMenu ul.subMenu {
 padding: 1px 0 0 30px;
}

#leftMenu ul.subMenuFood {
 padding: 1px 0 0 20px;
}


/*rightContents
----------------------------------------------*/
#rightContents {
 width: 100%;
 text-align: left;
 vertical-align: top;
}

#rightContents h1 {
 font-size: 10px;
 padding-bottom: 20px;
}

#rightContents h2 {
 font-size: 10px;

 padding-bottom: 10px;
}

#rightContents p {
 padding-bottom: 10px;
}

#rightContents #news {

}

#rightContents #news table td {
 padding-right: 10px;
}

#rightContents #news table td.date {
 color: #999999;
}

#rightContents #news table td.title {
 
}

#rightContents #news span.date {
 color: #999999;
}

#rightContents #news div.entry-body {
 padding-bottom: 20px;
}

#rightContents #profile div.photoImage {
 padding-bottom: 20px;

}

#rightContents #portfolio:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; 
} 

#rightContents #portfolio {
 display: inline-table;
 margin: 0;
 padding: 0;
 text-align: left;
}

/* Hides from IE-mac ?*/ 
* html #rightContents #portfolio {height: 1%;} 
#rightContents #portfolio {display: block;} 
/* End hide from IE-mac */

#rightContents #portfolio div.photoArea {
 float: left;
 padding-right: 10px;
 padding-bottom: 30px;
 text-align: center;
}

#rightContents #portfolio div.photoArea div.photoImage {
 padding-bottom: 5px;
}

#rightContents #portfolio div.photoArea table {
 margin: 15px auto;
}

#rightContents #portfolio div.photoArea div.title {
 width: 100px;
 color: #333333;
 line-height: 100%;
}

#rightContents #portfolio div.photoArea div.title a:link,
#rightContents #portfolio div.photoArea div.title a:hover,
#rightContents #portfolio div.photoArea div.title a:visited {
 text-decoration: none;
}

#rightContents #portfolio div.photoArea div.comment {
 width: 100px;
 color: #999999;
 line-height: 100%;
}

#rightContents #portfolieEntry {
 text-align: center;
}

#rightContents #portfolieEntry div.photoImage {
 padding-bottom: 20px;
}

#rightContents #portfolieEntry div.naviArea:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
} 

#rightContents #portfolieEntry div.naviArea {
 display: inline-table;
 margin: 0;
 padding: 0;
 text-align: center;
}

/* Hides from IE-mac ?*/ 
* html #rightContents #portfolieEntry div.naviArea {height: 1%;} 
#rightContents #portfolieEntry div.naviArea {display: block;} 
/* End hide from IE-mac */

#rightContents #portfolieEntry div.naviArea table {
	margin: 0 auto;
	_margin: 15px auto;
}

#rightContents #portfolieEntry div.naviArea table td.back {
 display: block;
 width: 11px;
 padding-right: 20px;
 text-align: left;
 vertical-align: middle;
}

#rightContents #portfolieEntry div.naviArea table td.name {
 text-decoration: none;
 text-align: center;
}

#rightContents #portfolieEntry div.naviArea table td.name div.comment {
 color: #999999;
}

#rightContents #portfolieEntry div.naviArea table td.next {
 display: block;
 width: 11px;
 padding-left: 20px;
 text-align: right;
 vertical-align: inherit;
}

#rightContents #works table td {
	padding: 0 10px 0 0;
}

#rightContents #contact table.formTable {
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-collapse: collapse;
	border-spacing: 0;
}

#rightContents #contact table.formTable th,
#rightContents #contact table.formTable td {
	padding: 5px 10px 5px 10px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-spacing:0px;
}

#rightContents #contact table.formTable td.title {
	padding: 5px 30px 5px 0;
}

#rightContents #contact table.formTable td.title strong {
	font-size: 10px;
}

#rightContents #contact table.formTable td.form {
	background-color: #F7F7F7;
	width: 300px;
}

#rightContents #contact table.formTable td.form .inputField {
	border: 1px solid #CCCCCC;
	margin-bottom: 2px;
}

#rightContents #contact table.formTable td.bottom {
	padding: 10px 0;
}

#contents #error {
	padding: 50px;
}

#contents #error h1 {
	font-size: 10px;
	padding-bottom: 20px;
}

#contents #error p {
	padding-bottom: 10px;
}