@charset "UTF-8";

/*
:: reset & base style sheet
:: last update 2008-10-06
*/

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

:: css for �쌴�e�c - official web site for works
:: http://kawahara-tetsu.com/ ::

:: copyright (c) 2008 kawahara tetsu, all rights reserved.
:: author - sunny coding department

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

/*========== body ==========*/
div#wrapper { 
margin: 0px auto;
width: 900px;
background-image: url(../img/background/asamei.jpg);
background-repeat: no-repeat;
text-align: left;
}

div#container {
width: 880px;
height: 1600px;
text-align: center;
}

div#container2 {
width: 880px;
height: 950px;
text-align: center;
}

div#sideNavigation {
padding-top: 40px;
padding-left:10px;
width: 110px;
float: left;
text-align:left;
}

div#main {
margin: 0 auto;
width: 730px;
height: 1500px;
float: right;
text-align: center;
}

div#main2 {
margin: 0 auto;
width: 730px;
height: 800px;
float: right;
text-align: center;
}

div#heading {
width: 730px;
text-align: center;
}

* html #headingimg {
behavior: expression(IEPNGFIX.fix(this));
}

* html #line {
behavior: expression(IEPNGFIX.fix(this));
}

div#mainSubstance {
padding: 0px 5px;
border: 1px solid #999999;
width: 720px;
height: 1500px;
clear: both;
color: #ffffff;
background-color: #333333;
text-align: center;
filter:alpha(opacity=85); /*IE*/
-moz-opacity:0.85; /*FF*/
opacity:0.85;
}

div#mainSubstance2 {
padding: 0px 5px;
border: 1px solid #999999;
width: 720px;
height: 800px;
clear: both;
color: #ffffff;
background-color: #333333;
text-align: center;
filter:alpha(opacity=85); /*IE*/
-moz-opacity:0.85; /*FF*/
opacity:0.85;
}

div.mainLeft {
border-bottom: 1px dotted #ffffff;
width: 350px; 
height:380px;
float: left;
}

div.mainRight {
padding-left: 10px;
border-left: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
width: 350px;
height: 380px;
float: left;
}

div.mainLeft2 {
border-bottom: 1px dotted #ffffff;
width: 350px;
height:400px;
float: left;
}

div.mainRight2 {
padding-left: 10px;
border-left: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
width: 350px;
height: 400px;
float: left;
}

div.mainLeft3 {
border-bottom: 1px dotted #ffffff;
width: 350px;
height:450px;
float: left;
}

div.mainRight3 {
padding-left: 10px;
border-left: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
width: 350px;
height: 450px;
float: left;
}

div.mainLeft4 {
border-bottom: 1px dotted #ffffff;
width: 350px;
height:480px;
float: left;
}

div.mainRight4 {
padding-left: 10px;
border-left: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
width: 350px;
height: 480px;
float: left;
}

div.mainLeftBottom {
width: 350px;
height: 400px;
float: left;
}

div.mainRightBottom {
padding-left: 10px;
border-left: 1px dotted #ffffff;
width: 350px;
height: 400px;
float: left;
}

/*====================
          2. text module
====================*/
h3 {
line-height: 40px;
}

h4 {
margin-top: 5px;
color: #ffffff;
font-size: 14px;
text-align: center;
}



/*========== end ==========*/