@charset ”UTF-8”;

body{
height:100%;
line-height:1.7;
color:#333333;
text-align:center;}

input,
textarea{
font-family: Georgia, Baskerville, Palatino, Times;
padding:3px;}

/*link*/
a:link,
a:visited{color:#000; text-decoration:none;
    -webkit-transition:color .1s ease-in-out;  
    -moz-transition:color .1s ease-in-out;  
    -o-transition:color .1s ease-in-out;  
    transition:color .1s ease-in-out; }
a:hover{text-decoration:underline; color:#999;}
a:active{color:#999; text-decoration:none;}

/*img hover*/
a:hover img.rollover {
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;}

#wrap{
font-family: Georgia, "HGP明朝B","Hiragino Mincho ProN","ヒラギノ明朝 ProN W3", Baskerville, Palatino, Times;
width:860px;
margin:0 auto;
padding-top:120px;
text-align:left;}

#header{padding-bottom:120px;}

h1{font-size:167%;
color:#000000;
float:left;
display:inline;
letter-spacing:1px;}

h1 a:link,
h1 a:visited{text-decoration:none;
display:block;}

p.gototop{border-bottom:1px solid #EAEAEA;
padding-bottom:40px;
margin-bottom:30px;
text-align:right;
font-size:77%;}

ul#g_navi li{float:right; margin-left:20px; margin-top:10px; display:inline;}
ul#navi li{margin-bottom:20px;}

ul#g_navi li a{
font-size:93%;
background:url(../img/arr.gif) 0 11px no-repeat;
padding:2px;
padding-left:7px;
font-weight:normal;}

ul#g_navi li a{font-size:100%; display:block;}

ul#navi li#about,
ul#navi li#portfolio,
ul#navi li#contact{
color:#000;
margin-bottom:20px;}

ul#subnavi li{margin-bottom:5px;}
ul#subnavi li a{background:url(../img/arr.gif) 0 7px no-repeat; font-size:77%; padding:2px; padding-left:7px;}

p#copyright{color:#CCCCCC; margin-top:30px; padding-bottom:20px; font-size:77%; text-align:right;}

#left_c{
width:190px;
float:left;}

#right_c{
width:640px;
float:right;}

#left_c h2{
color:#000;
font-size:108%;
margin-bottom:20px;}

/*about*/

body#about #right_c h3{margin-bottom:40px;
font-size:116%;
padding-left:10px;}

body#about #right_c dl,
body#contact #right_c dl{
margin-bottom:40px;}

body#about #right_c p#name,
body#about #right_c dl dt,
body#contact #right_c dl dt{
border-bottom:1px solid #EAEAEA;
color:#000;
margin-bottom:5px;
padding-bottom:5px;
padding-left:10px;
}
body#contact #right_c dl dt{
border-bottom:none;}

body#about #right_c p#name{padding-top:0px;}

body#about #right_c dl dd{
padding:0 5px 5px 5px;
padding-left:10px;
margin-bottom:30px;}

body#contact #right_c dl dd{
padding:0 5px 5px 5px;
padding-left:10px;
margin-bottom:30px;
width:620px;
display:block;}

body#contact #right_c dl dd input,
body#contact #right_c dl dd textarea{
width:620px;}

body#about #right_c dl dd li{
margin-right:15px;
float:left;
white-space:nowrap;}

body#contact h3{
padding-top:20px;
padding-left:10px;}

body#contact h3#top{
padding-top:0;
padding-bottom:30px;}
body#contact #right_c p{
padding-left:10px;}
body#contact p#back{
padding-bottom:20px;}

body#contact #right_c p#left_button{
float:left;
display:inline-block;
margin-right:30px;}

body#contact #right_c p#right_button{
float:left;}


/*portfolio*/
body#index #right_c dl{
padding-top:0px;}

body#index #right_c dl dt{
color:#000;
margin-bottom:20px;
font-size:108%;}

body#index #right_c dl dd{margin-bottom:20px;}
body#index #right_c dl dd.text{margin-bottom:15px;}
body#index #right_c dl dd.img{margin-bottom:25px;}
body#index #right_c dl dd.img ul li{margin-bottom:10px;}
body#index #right_c dl dd.img ul li img{border:1px solid #EAEAEA;}

body#index #right_c dl dd.date{text-align:right;
font-size:85%;
color:#999999;}

body#index #right_c dl dd.add{
margin-top:40px;
font-size:85%;
}

body#index #right_c dl dd.add ul li{
margin-bottom:3px;}

body#index #right_c dl dd.add ul li a
{background:url(../img/arr.gif) 0 7px no-repeat; font-size:77%; padding:2px; padding-left:7px;}



/*====clearfix======*/

/* for modern brouser */
.cl:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.cl {
        display: inline-block;
}

* html .cl{ zoom: 1; } /* IE6 */  
*:first-child+html .cl{ zoom: 1; } /* IE7 */ 

/* Hides from IE-mac \*/
* html .cl {
        height: 1%;
}
.cl {
        display: block;
}
/* End hide from IE-mac */
/*==========*/