@charset "utf-8";
body,div,p,figure,ul,ol,li,dl,dt,dd,h1,h2,h3,header,section,footer,article,aside,nav,figure,figcaption{
letter-spacing:1px;
font-size:11px;
}
br{
letter-spacing:normal;
} 
a{
color:#000000;
text-decoration:none;
}
/*main layout*/
div#wrapper{
width:1300px;
}
/**left layout**/
#left_layout{
float:left;
width:280px;
}
#head{
width:250px;
margin:35px 0 0 20px;
}
#head h1 a {
width:250px;
height:71px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url('../img/arktyp_logo.png') left top no-repeat;
margin:0 0 15px 37px;
}
#head p{
font-size:10px;
text-align:right;
color:#808080;
}
/*footer*/
#footer{
margin:100px 0 0 20px;
}
#footer p{
text-align:right;
color:#808080;
}
/*left image*/
#left_img_wrapper{
width:270px;
margin:50px 0 0 0;
}
li.left_img{
width:150px;
margin:0 0 30px 120px;
font-size:10px;
}
/**left layout end**/
/**center layout**/
#menu{
float:left;
width:180px;
margin:52px 0 0 0;
}
#top{
margin:78px 0 0 60px;
}
li.menuList{
margin-bottom:20px;
}
/*line_w*/
#menu #pf{
background:url('../img/profile_line_w.png') 45px 2px no-repeat;
margin-bottom:20px;
width:122px;
}
#menu #pj{
background:url('../img/project_line_w.png') 48px 2px no-repeat;
margin-bottom:20px;
width:122px;
}
#menu #md{
background:url('../img/5_line_w.png') 40px 2px no-repeat;
margin-bottom:20px;
width:122px;
}
#menu #wk{
background:url('../img/5_line_w.png') 40px 2px no-repeat;
margin-bottom:20px;
width:122px;
}
#menu #con{
background:url('../img/connect_line_w.png') 53px 2px no-repeat;
margin-bottom:20px;
width:122px;
}
#menu #m_info{
background:url('../img/info_line_w.png') 27px 2px no-repeat;
margin-bottom:20px;
width:122px;
}
#menu #direct{
background:url('../img/6_line_w.png') 40px 3px no-repeat;
margin-bottom:20px;
width:122px;
}
/*line_wend*/
/**center layout end**/
/**right layout**/
#contents,#pro_blk{
background:url('../img/line_h.png') left top repeat-y;
float:left;
width:500px;
margin:76px 0 0 1px;
/*_margin-left:-58px;*/
padding-left:50px;
}
/*common*/
#cnt_top{
background:url('../img/w_line.png') left bottom repeat-x;
width:350px;
padding-bottom:10px;
margin-bottom:50px;
}
#cnt_top h2{
margin-bottom:15px;
font-size:15px;
font-weight:bold;
}
/*info*/
li.info_list{
margin-bottom:50px;
}
p.info_img{
width:200px;
margin-bottom:5px;
}
p.info_txt{
font-size:11px;
line-height:1.8em;
}
/*profile*/
#profile_top{
background:url('../img/w_line.png') left bottom repeat-x;
width:480px;
padding-bottom:10px;
margin-bottom:30px;
}
#profile_top dl{
margin-top:20px;
}
#profile_top h2{
background:url("../img/meishi.jpg") left top no-repeat;
width:230px;
height:140px;
text-indent:-9999px;
overflow:hidden;
}
article.profile{
width:480px;
margin-bottom:30px;
}
article.profile p,article.profile h3{
width:400px;
margin-top:2px;
}
/*profile end/*
/*project*/
#profile_top dd{
margin-bottom:10px;
}
li.pj_cont{
width:350px;
margin:0 0 30px 0;
}
li.pj_cont h2{
color:#808080;
margin:0 0 20px 0;
}
li.pj_cont p.cap_txt{
margin:30px 0 0 0;
}
li.pj_cont p.mani{
font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
color:#808080;
margin:20px 0 0 0;
}
p.caption{
font-size:10px;
}
/*project end*/
/*media*/
li.md_cont{
width:350px;
margin-bottom:50px;
}
li.md_cont h2{
font-size:10px;
}
li.md_cont h2.m_title{
margin-bottom:10px;
}
li.md_cont p.v_txt{
margin-top:10px;
}
li.md_cont p.ar_txt{
margin-top:5px;
}
li.md_cont p.addres{
margin-top:10px;
}
/*media end*/
/*works*/
li.wk_cont{
width:411px;
margin:0 0 40px 0;
}
/*works end*/
/*connect*/
li.con_cont{
width:350px;
padding:1px;
margin:0 0 100px 0;
}
li.con_cont h3{
margin-bottom:5px;
}
li.con_cont dl{
width:350px;
margin-top:11px;
}
li.con_cont dt{
background:url('../img/w_line.png') left bottom repeat-x;
width:350px;
padding-bottom:2px;
letter-spacing:1px;
display:block;
}
li.con_cont dd{
margin-top:10px;
}
p.btn_right{
width:350px;
text-align:right;
}
/*connect end*/    
/*direct*/
li.dir_con{
width:350px;
margin-bottom:80px;
}
li.dir_con h2{
margin-bottom:10px;
}
li.dir_con dl{
margin:15px 0;
}
li.dir_con dt{
background:#000;
color:#fff;
margin-bottom:7px;
padding:2px 0 0 5px;
}
div.gall_blk{
margin-top:20px;
}
ul.dir_gall{
margin-right:-6px;
}
ul.dir_gall li{
width:111px;
float:left;
margin-right:6px;
}
/*line*/
#line_end{
background:url('../img/end_line.gif') repeat;
background-position:right;
width:180px;
height:420px;
text-indent:-9999px;
overflow:hidden;
}
/*link*/
a.dot{
border-bottom:1px dotted #000000;
}
a.under:hover{
border-bottom:1px dotted #000000;
}
a.alpha:hover{
opacity:0.70;
filter: alpha(opacity=70);
-moz-opacity:0.70;
-ms-filter: "alpha(opacity=70)";
}
/*img txt*/
p.img_txt{
font-size:10px;
}
/*line*/
hr.dot_line{
height:1px;
border:none;
border-top:1px dotted #000;
text-align:left;
}