/* basic elements */

html {
margin: 12px;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0;
}

body {
margin-top: 6px;
margin-bottom: 12PX;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
line-height:16px;
text-align:center;
}

form { margin: 0; padding: 0; }

a {
text-decoration: underline;
color:#333;
}

a:hover {
color:#F60;
}

a img { border: 0; }

p {
margin: 0;
padding: 0;
}

h1 {
padding-left:4px;
background-repeat:no-repeat;
line-height:1.5;
font-size:150%;
color:#333;
border-top:#999;
padding-top:0px;
padding-bottom:0px;
background-image:url(images/h1bg.gif);
background-position:right center;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#999;
margin:0px 0 12px 0;
}

h2 {
clear:both;
line-height:1.5;
font-size:115%;
color:#333;
margin:20px 0 12px;
padding:6px 0 2px 4px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#999999;
border-left-color:#339900;
border-left-width:6px;
border-left-style:solid;
}

h3 {
clear:both;
font-size:100%;
padding:3px 3px 3px 20px;
color:#000000;
background-color:#99CC33;
text-align:left;
font-weight:normal;
}

h4 {
clear:both;
font-size:100%;
font-weight:400;
margin:2px 0 5px;
}


/* standard helper classes */

.clr {
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac ｴ*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */

body { text-align: center; } /* center on ie */


#wrapper {
margin: 0 auto 0 auto;
padding: 0;
width: 910px;
}

#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #wrapper {
    height: 1em;
}

#wrapper {
    display: block;
}
/**/

.header {
margin-bottom:7px;
padding:0;
}



/* main menu LOGO */
.logo{
margin:0;
padding: 0;
float: left;
}

.logo a{
display:block;
width:268px;
height:37px;
}

.logo a span{
display: none;
}

a.lg{
background-image:url(http://tsu-ku-ru.jp/images/logo.gif);
}


/* main menu SPACE */
.sp1 {
width:208px;
height:37px;
float: left;
}
.sp2 {
width:910px;
height:10px;
margin:0;
padding:0;
}

/* main menu LINE */
.mm_l {
width:5px;
height:23px;
margin-top:14px;
padding: 0;
float: left;
background-image:url(http://tsu-ku-ru.jp/images/mm_l.gif);
background-repeat:no-repeat;
}

.mm_r {
width:5px;
height:23px;
margin-top:14px;
padding: 0;
float: right;
background-image:url(http://tsu-ku-ru.jp/images/mm_r.gif);
background-repeat:no-repeat;
}

.mm_c {
width:9px;
height:23px;
margin-top:14px;
padding: 0;
float: left;
background-image:url(http://tsu-ku-ru.jp/images/mm_c.gif);
background-repeat:no-repeat;
}

/* main menu home */
.mm00{
margin-top:14px;
padding: 0;
float: left;
}

.mm00 a{
display:block;
width:63px;
height:23px;
}

.mm00 a span{
display: none;
}

a.hm{
background-image:url(http://tsu-ku-ru.jp/images/home.gif);
}

a:hover.hm{
background-position:0px -23px;
}


/* main menu thinking */
.mm01{
margin-top:14px;
padding: 0;
float: left;
}

.mm01 a{
display:block;
width:96px;
height:23px;
}

.mm01 a span{
display: none;
}

a.tk{
background-image:url(http://tsu-ku-ru.jp/images/thinking.gif);
}

a:hover.tk{
background-position:0px -23px;
}


/* main menu results */
.mm02{
margin-top:14px;
padding:0;
float:left;
}

.mm02 a{
display:block;
width:73px;
height:23px;
}

.mm02 a span{
display:none;
}

a.rs{
background-image:url(http://tsu-ku-ru.jp/images/results.gif);
}

a:hover.rs{
background-position:0px -23px;
}


/* main menu blog */
.mm03{
margin-top:14px;
padding:0;
float:left;
}

.mm03 a{
display:block;
width:58px;
height:23px;
}

.mm03 a span{
display:none;
}

a.bg{
background-image:url(http://tsu-ku-ru.jp/images/blog.gif);
}

a:hover.bg{
background-position:0px -23px;
}


/* main menu contact */
.mm04{
margin-top:14px;
padding:0;
float:left;
}

.mm04 a{
display:block;
width:98px;
height:23px;
}

.mm04 a span{
display:none;
}

a.ct{
background-image:url(http://tsu-ku-ru.jp/images/contact.gif);
}

a:hover.ct{
background-position:0px -23px;
}



/* main menu CLEAR */
.newcont {
clear: left;
padding-top :1px;
}



.main {
width:910px;
height:auto;
margin-bottom:10px;
padding:0;
}



/* CONTENTS */
.container {
margin-top:20px;
padding:0;
width:950px;
height:auto;
}

.container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .container {
    height: 1em;
}

.container {
    display: block;
}
/**/


#alpha {
margin:0;
padding:0;
width:250px;
height:auto;
float: left;
text-align:left;
}

#alpha:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #alpha {
    height: 1em;
}

#alpha {
    display: block;
}
/**/

#beta {
margin-left:20px;
margin-right:20px;
padding:0;
width:410px;
height:auto;
float: left;
text-align:left;
}

#beta:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #beta {
    height: 1em;
}

#beta {
    display: block;
}
/**/

#ganma {
margin:0;
padding:0;
width:250px;
height:auto;
float: right;
text-align:left;
}

#ganma:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #ganma {
    height: 1em;
}

#ganma {
    display: block;
}
/**/

.nandt {
margin:0;
padding:0;
width:250px;
height:25px;
background-image:url(http://www.ethicafe.co.jp/images/pic_news.gif);
background-repeat:no-repeat;
}

.btitle {
margin:0;
padding:10px;
width:230px;
height:257px;
background-color:#d7cfb5;
color:#786227;
font-size:12px;
line-height:20px;
}

.btitle a {
color:#786227;
}

.btitle a:hover {
color:#F60;
}

.abft {
margin:0;
padding:0;
width:410px;
height:22px;
background-image:url(http://www.ethicafe.co.jp/images/pic_about.gif);
background-repeat:no-repeat;
}

.abtx1 {
margin-top:15px;
padding:0;
width:410px;
height:auto;
font-size:14px;
line-height:18px;
color:#030;
font-weight:bold;
}

.abtx2 {
margin-top:15px;
padding:0;
width:410px;
height:auto;
font-size:12px;
line-height:16px;
}


.footer {
margin-top:5px;
padding:0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 12px;
text-align:left;
}

.footer a {
text-decoration: underline;
color:#333;
}

.footer a:hover {
color:#F60;
}


/* SUB */
.container_inner_right {
margin-right:20px;
padding:0;
width:680px;
height:auto;
float: left;
text-align:left;
}

.container_inner_right:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .container_inner_right {
    height: 1em;
}

.container_inner_right {
    display: block;
}
/**/


.container_inner_left {
margin:0;
padding:0;
width:250px;
height:auto;
float: right;
text-align:left;
}

.container_inner_left:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .container_inner_left {
    height: 1em;
}

.container_inner_left {
    display: block;
}
/**/

.right_top {
margin:0;
padding:0;
}

.r_menu {
margin-top:20px;
padding:0;
}


.widget-content {
    position: relative;
    margin: 0;
}

.widget-content ul {
    margin-left: 15px;
}

.widget-content li {
    margin-top: 5px;
    margin-bottom: 5px;
}

.e {
color:#030;
font-weight:bold;
}

.thicafe {
color:#600;
font-weight:bold;
}

.bnn_name {
font-size:14px;
font-weight:bold;
}

/* table LINE */
.kei01 {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

.kei02 {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

.kei03 {
border-top:1px solid #ccc;
}

.kei04 {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
color:#FFFFFF; text-align:center;
}

.kei05 {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
color:#FFFFFF; text-align:center;
}

.kei06 {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}


/* thinking */

.sub1 {
margin:0;
padding:0;
width:910px;
height:370px;
background-image:url(images/thinking_visual.jpg);
background-repeat:no-repeat;
}


/* contact */

.sub3 {
margin:0;
padding:0;
width:910px;
height:370px;
background-image:url(images/contact_visual.jpg);
background-repeat:no-repeat;
}



#all {
margin: 0;
padding: 0;
width: 910px;
_width: 1000px;
text-align: left;
}


#title {
display: block;
width: 779px;
height: 153px;
}

#title1,
#title2 {
float: left;
}

#title1 {
margin-top: 18px;
margin-bottom: 8px;
display: block;
width: 779px;
height: 55px;
background: url(images/eniacinternational.gif) no-repeat;
}

#title2 {
margin-top: 18px;
margin-bottom: 8px;
display: block;
width: 221px;
height: 15px;
background: url(../img/eniacinternational2.gif) no-repeat;
}



/*==================================================================

page01

==================================================================*/

.page01 {
margin-bottom: 136px;

}

#p01_title {
margin-top: 40px;
margin-bottom: 36px;
display: block;
width: 373px;
height: 53px;
background: url(images/p01_title.gif) no-repeat;

}


.leftspace130 {
margin-left: 130px;
}

.topspace50 {
margin-top: 50px;
}

#p01box {
margin-top: 50px;
margin-bottom: 35px;
}

#p01_left {
float: left;
display: block;
width: 427px;
}

#p01_right {
float: left;
display: block;
width: 316px;
}

/*-----------------------------------------------------------------*/

#philosophy1 {
margin-top: 50px;
display: block;
width: 743px;
height: 456px;
background: url(images/philosophy1.gif) no-repeat;
}

#philosophy1 {
display: block;
width: 743px;
height: 456px;
background: url(images/philosophy1.gif) no-repeat;
}

#philosophy2 {
margin-top: 50px;
margin-bottom: 50px;
display: block;
width: 743px;
height: 815px;
background: url(images/philosophy2.gif) no-repeat;
}

#philosophy2 {
display: block;
width: 743px;
height: 815px;
background: url(images/philosophy2.gif) no-repeat;
}


/*-----------------------------------------------------------------*/

#p01_companyinfo,
#p01_Businesscontents {
margin-bottom: 30px;
display: block;
width: 193px;
height: 38px;
}

#p01_companyinfo {
background: url(images/p01_companyinfo.gif) no-repeat;
}

#p01_Businesscontents {
background: url(images/p01_Businesscontents.gif) no-repeat;
}

#p01_left p,
#p01_right p {

font-size: 16px;
line-height: 160%;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #414141;
}

.for_opera {
display: block;
width: 1px;
height: 1px;
}


/*==================================================================

page02

==================================================================*/

.page02 {
margin-bottom: 136px;

}

#p02_title {
margin-top: 4px;
margin-bottom: 36px;
display: block;
width: 373px;
height: 53px;
background: url(images/p02_title.gif) no-repeat;
}



/*==================================================================

page03

==================================================================*/

#formarea {
font-size: 12px;
line-height: 160%;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #555555;
}

#sendMessage {
display: none;
margin-bottom: 56px;
font-size: 12px;
color: #555555;
}

#errorMessage {
display: none;
margin-bottom: 56px;
font-size: 12px;
color: #ff0000;
}


#p03_titlebox {
margin-top: 40px;
margin-bottom: 56px;
display: block;
height: 53px;
}


#p03_title {
float: left;
margin-right: 34px;
display: block;
width: 317px;
height: 52px;
background: url(images/p03_title.gif) no-repeat;
}

#p03_reed {
margin-top: 22px;
float: left;
display: block;
}

#formbox2 p {
margin-bottom: 10px;
}

#formbox1 p {
display: block;
height: 30px;
}

#formbox1,
#formbox2,
#formbox3 {
float: left;
}

#formbox1 {
display: block;
width: 120px;
}

#formbox2 {
display: block;
width: 330px;
}

#formbox3 {
display: block;
width: 270px;
}

textarea {
width: 330px;
}

#hissu {
margin-top: 20px;
font-size: 10px;
}

#btnbox {
margin: 20px 0px 15px 0px;
}

#btnbox p {
float: left;
}

#submit {
margin-right: 20px;
}


table.mailform {
margin: 0px auto 0px auto;
}

/*--------------------------------------

indent-text

--------------------------------------*/

.far {
font-size: 0.1%;
line-height: 0.1%;
text-indent: -9999px;
}

img {
margin:0;
padding:0;
border: 0;
}

ul,li {
margin:0;
padding:0;
list-style: none;
font-size: 10px;
}

form {
margin:0;
padding:0;
}

.clear {
clear: both;
}

/*-------------ForIE----------*/

.center {
text-align: center;
}