/* 初期化 */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd, span,form,fieldset,legend,pre,blockquote{margin:0px;padding:0px;border: 0px;line-height:150%;}

img{ margin:0px; padding:0px; border:0px; }
ul,li{ list-style:none; }
em{display:none}

a:focus{outline:none;} 


/* generals */

html{width: 100%;}

body{font-size:11px;font-family:Arial,Helvetica,Geneva,sans-serif,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka‐等幅";background-image:url(../images/bg.jpg);background-repeat:repeat;background-color:#F3F2F0;padding:0;}

a:link {color:#999999; text-decoration:none;}
a:visited {color:#999999; text-decoration:none;}
a:active {color:#999999; text-decoration:none;}
a:hover {color:#d3d3d3; text-decoration:none;}
    
.clear{clear:both;line-height:1px;} 
  
  
/* pages */

#header{height:220px;width:100%;clear:both;padding:0px;background-image:url(../images/headerBg.png);background-repeat:repeat-x;}
#headerLC{width:530px;height:230px;padding:15px;}
#headerL{float:left;width:195px;height:190px;}
#headerR{float:right;width:240px;height:190px;}
#headerC{float:left;width:335px;height:190px;}
#header h1#logo{margin:3px;}
#header #gnavi{width:335px;height:120px;float:left;}
#header #gnavi ul{padding:25px 0 0 0}
#header #gnavi li{float:left;margin:4px 7px 0px 3px;}
#header li.btnTwitter{float:left;padding:110px 20px 0 0;}
#header li.btnMail{float:left;padding:55px 0px 0 0;}
#header #sortButton{width:335px;height:50px;clear:both;}

#footer{height:350px;width:100%;clear:both;padding:0px;background-image:url(../images/footerBg.png);background-repeat:repeat-x;}
#footer img.pagetop{padding:0 18px;float:left;}
#footer p{padding:50px 18px 0;color:#666;}




#profileBox h1{line-height:130%;margin:0;padding:15px 3px 3px;font-weight:bold;font-size:14px;color:#333;}
#profileBox h3{line-height:130%;margin:0;padding:0px 3px 3px;font-weight:bold;font-size:13px;color:#444;clear:both;}
#profileBox h4{line-height:130%;margin:0;padding:0px 3px 3px;font-weight:bold;font-size:12px;color:#555;}
#profileBox p{line-height:150%;margin:0;padding:3px 3px 0px;font-weight:normal;font-size:12px;color:#666;}
#profileBox dl{clear:both;padding:3px;margin:0px;}
#profileBox dt{float:left;padding:0;font-weight:normal;font-size:12px;color:#444;}
#profileBox dd{padding:0px 3px 3px 5em;line-height:150%;margin:0;font-weight:normal;font-size:12px;color:#666;}


/* vgrid JS */
#grid-content{overflow:hidden;height:0;margin:5px 0 15px 15px;}
#grid-content div{width:100px;height:160px;border:1px solid #367297;background-color:#F2EFEC;color:#333;margin:5px;padding:3px;text-align:center;}
#grid-content div.large{width:216px;height:266px;}
#grid-content div.news{width:216px;height:auto;}
#grid-content div h3{line-height:1em;margin:0;padding:0;font-weight:normal;font-size:12px;letter-spacing:1px;color:#444;text-align:center;}
#top #grid-content div h4{line-height:130%;margin:0;padding:5px;font-weight:bold;font-size:11px;letter-spacing:1px;color:#333;text-align:left;}
#top #grid-content div p{line-height:140%;margin:0;padding:5px;font-weight:normal;font-size:11px;color:#666;text-align:left;}
#grid-content div.news h4{line-height:130%;margin:0;padding:5px;font-weight:bold;font-size:11px;letter-spacing:1px;color:#333;text-align:left;}
#grid-content div.news p{line-height:140%;margin:0;padding:5px;font-weight:normal;font-size:11px;color:#666;text-align:left;}

#grid-content div img{width:98px;height:98px;margin-bottom:5px;padding:0}
#grid-content div.large img{width:214px;height:214px;}
#grid-content div.news img{width:auto;height:100px;border:#FFF 1px solid;margin:5px 0 5px;}
#grid-content div img.tag{width:54px;height:17px;margin:0px;padding:0;border:none;text-align:left;}
#grid-content div.large img.tag{width:54px;height:17px;margin-bottom:0px;padding:0}

#top #grid-content div.news{width:216px;height:auto;text-align:center;}
#top #grid-content div {width:216px;height:auto;border:1px solid #367297;background-color:#F2EFEC;color:#333;margin:5px;padding:3px;}
#top #grid-content div.thumb{width:100px;height:120px;}
#top #grid-content div.large{width:216px;height:236px;}
#top #grid-content div.thumb h4{line-height:130%;margin:0;padding:0px;font-weight:normal;font-size:10px;color:#666;display:none;}
#top #grid-content div.thumb p{line-height:140%;margin:0;padding:0px;font-weight:normal;font-size:11px;color:#666;display:none;}
#top #grid-content div.news h3{}
#top #grid-content div.news h4{line-height:130%;margin:0;padding:5px;font-weight:bold;font-size:11px;letter-spacing:1px;color:#333;text-align:left;}
#top #grid-content div.news p{line-height:170%;margin:0;padding:5px;font-weight:normal;font-size:11px;color:#666;text-align:left;}
#top #grid-content div.news img.tag{width:54px;height:17px;margin:0px;padding:0;border:none;text-align:left;}

body#news{background-image:url(../images/bg2.jpg);}
body#news #grid-content div{border:1px solid #6E8F53;}
#news #grid-content div.news{width:216px;height:auto;text-align:center;}
#news #grid-content div.news h3{}
#news #grid-content div.news h4{line-height:130%;margin:0;padding:5px;font-weight:bold;font-size:11px;letter-spacing:1px;color:#333;text-align:left;}
#news #grid-content div.news p{line-height:170%;margin:0;padding:5px;font-weight:normal;font-size:11px;color:#666;text-align:left;}
#news #grid-content div.news img.tag{width:54px;height:17px;margin:0px;padding:0;border:none;text-align:left;}

body#profile{background-image:url(../images/bg8.jpg);}
body#profile #grid-content div{border:1px solid #4C988C;}
#profile #grid-content div{width:316px;height:auto;border:1px solid #367297;background-color:#F2EFEC;color:#333;margin:5px;padding:3px;text-align:left;}
#profile #grid-content div.large{width:416px;height:auto;}
#profile #grid-content div img{width:314px;margin-bottom:5px;padding:0}
#profile #grid-content div.large img{width:414px;}
#profile #grid-content div h1{line-height:130%;margin:0;padding:10px;font-weight:bold;font-size:14px;color:#333;}
#profile #grid-content div h3{line-height:150%;margin:0;padding:10px;font-weight:normal;font-size:13px;color:#333;clear:both;letter-spacing:0px;text-align:left;}
#profile #grid-content div h4{line-height:130%;margin:0;padding:0px 10px 5px;font-weight:normal;font-size:12px;color:#555;text-align:left;}
#profile #grid-content div p{line-height:150%;margin:0;padding:0px 10px 5px;font-weight:normal;font-size:11px;color:#666;}
#profile #grid-content div dl{clear:both;padding:0px 10px 8px;margin:0px;}
#profile #grid-content div dt{float:left;padding:0;font-weight:normal;font-size:11px;color:#444;}
#profile #grid-content div dd{padding:0px 3px 3px 5em;line-height:150%;margin:0;font-weight:normal;font-size:11px;color:#666;}

body#gallery{background-image:url(../images/bg4.jpg);}
body#gallery #grid-content div{border:1px solid #8C535D;}
#gallery #grid-content div{width:100px;height:auto;border:1px solid #367297;background-color:#F2EFEC;color:#333;margin:5px;padding:3px;}
#gallery #grid-content div.large{width:216px;height:auto;}
#gallery #grid-content div img{width:98px;height:98px;margin-bottom:0px;padding:0}
#gallery #grid-content div.large img{width:214px;height:214px;}
#gallery #grid-content div img.tag{width:54px;height:17px;margin-bottom:0px;padding:0}
#gallery #grid-content div h4{line-height:130%;margin:0;padding:3px;font-weight:bold;font-size:11px;color:#555;}
#gallery #grid-content div p{line-height:150%;margin:0;padding:3px 3px 6px;font-weight:normal;font-size:10px;color:#666;}

body#work{background-image:url(../images/bg5.jpg);}
body#work #grid-content div{border:1px solid #655884;}
#work #grid-content div{width:100px;height:auto;border:1px solid #367297;background-color:#F2EFEC;color:#333;margin:5px;padding:3px;}
#work #grid-content div.news{width:216px;height:auto;}
#work #grid-content div.large{width:216px;height:auto;}
#work #grid-content div img{width:98px;height:98px;margin-bottom:0px;padding:0}
#work #grid-content div.large img{width:214px;height:214px;}
#work #grid-content div img.tag{width:54px;height:17px;margin-bottom:0px;padding:0}
#work #grid-content div h4{line-height:130%;margin:0;padding:3px;font-weight:bold;font-size:11px;color:#555;}
#work #grid-content div p{line-height:150%;margin:0;padding:3px 3px 6px;font-weight:normal;font-size:10px;color:#666;}


/* highslide JS */

.highslide{cursor: url(highslide/graphics/zoomin.cur), pointer;outline: none;}
.highslide img{border:1px solid #EFEFEF;}
.highslide:hover img{border:1px solid #E98875;}

.highslide-image-blur{}
.highslide-caption{display: none;border: 5px solid white;border-top: none;padding: 5px;background-color: white;}
.highslide-loading{display: block;color: white;font-size: 9px;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 3px;border-top: 1px solid white;border-bottom: 1px solid white;background-color: black;
/* padding-left: 22px;background-image: url(highslide/graphics/loader.gif);background-repeat: no-repeat;background-position: 3px 1px; */}
a.highslide-credits,a.highslide-credits i{padding: 2px;color: silver;text-decoration: none;font-size: 10px;}
a.highslide-credits:hover,a.highslide-credits:hover i{color: white;background-color: gray;}
.highslide-display-block{display: block;}
.highslide-display-none{display: none;}