{literal}

/*
初期設定
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{
margin: 0;
padding: 0;
list-style-type:none;
}

a{
color: #660099;
text-decoration:none;
}

a:hover{
color: #CC99CC;
text-decoration:none;
}

body{
background-color:#111111;
}


div#body{
width:1100px;
margin: 0;
padding:10px;
}


/*
****************トップページ*******************
*/

/*
ヘッダー
*/
div#header{
width:600px;
margin:30px 250px;
padding:30px 0;
text-align:center;
background-color:#660099;
}

p#title{
font-style:normal;
font-size:25px;
}

p#title a{
color:#FFFFFF;
}

p#title a:hover{
color:#CC66CC;
}

p#tag{
font-size:12px;
margin:5px;
color:#FFFFFF;
}

/*
メインコンテンツ
*/
div#main{
float:left;
width:550px;
margin:10px 0 10px 30px;
background-color:#FFFFFF;
}

li.detail{
margin:10px 0 15px 0;
width:550px;
border-bottom:2px dotted #111111;
display:inline-block;
}

h1#mainTitle{
width:490px;
margin:5px 20px;
font-size:15px;
border-bottom:1px solid #111111;
background-image: url(../images/27/arrow0605.gif);
background-repeat: no-repeat;
padding-left:20px;
}


li.detail h2{
width:510px;
margin:5px 20px;
font-size:14px;
background-image: url(../images/27/arrow0405.gif);
background-repeat: no-repeat;
padding-left:20px;
}

div#photo{
float:left;
width:200px;
margin:10px 20px;
font-size:12px;
}

div#description{
float:left;
width:290px;
margin:10px 20px 10px 0;
padding:10px 0;
}

div#description p{
font-size:12px;
}

div#main h3{
clear:both;
margin:10px 450px 10px 20px ;
font-size:12px;
border-bottom:1px dotted #CCCCCC;
}

dl.detail_items{
width:510px;
margin:5px 20px;
font-size:12px;
display:inline-block;

}

dl.detail_items dt{
clear:both;
float:left;
width:70px;
margin:5px 20px 5px 0;
background-image: url(../images/27/obi0105.gif);
background-repeat: no-repeat;
padding-left:20px;
border-bottom:1px solid #cccccc;
}

dl.detail_items dd{
float:left;
margin:5px 0;
border-bottom:1px solid #cccccc;
width:100px;
}

p.item_category{
margin:5px 20px 15px 20px;
clear:both;
font-size:12px;
}

p#mainCredit{
text-align:right;
font-size:11px;
margin:10px;
}


/*
ページ
*/
div#main div.page {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
clear:both;
display:inline-block;
margin:0;
padding:0 10px 10px;
width:550px;
}
* html div#main div.page {
width:550px;
}
div#main div.page:after {
clear:both;
content:"";
display:block;
}
div#main div.page ul {
list-style-type:none;
margin:0;
padding:0 0 20px 20px;
}
div#main div.page ul li {
float:left;
line-height:20px;
margin:3px 5px;
}
div#main div.page ul li a {
display:block;
height:20px;
text-align:center;
width:30px;
}

div#main div.page ul li.now_page {
display:block;
height:20px;
text-align:center;
width:30px;
}

/*
クライアント
*/
div#link{
float:left;
width:200px;
margin:10px 20px;
background-color:#FFFFFF;
}

h3#client_title{
font-size:15px;
width:130px;
margin:5px 20px;
border-bottom:1px solid #111111;
background-image: url(../images/27/arrow0605.gif);
background-repeat: no-repeat;
padding-left:20px;
}

div#client{
width:150px;
margin:10px 20px;
border-bottom:1px dotted #111111;
}

ul#client_list li{
display:inline-block;
padding:8px 0;
}


ul#client_list li dl dt{
font-size:12px;
padding-bottom:3px;
}

ul#client_list li dl dd{
font-size:12px;
}

/*
カテゴリー
*/
div#category{
width:150px;
margin:10px 20px;
font-size:12px;
border-bottom:1px dotted #111111;
}

div#category dl dt{
font-size:15px;
padding:5px 0 2px 0;
font-weight: bold;
border-bottom:1px solid #cccccc;
margin-bottom:4px;
}

div#category dl dt dd ul{
display:inline-block;
padding:10px 0;
}

div#category dl dd ul li{
padding-bottom:4px;
}

/*
ブログ
*/
div#blog{
float:left;
width:250px;
margin:10px 30px 10px 0;
background-color:#FFFFFF;
}

h3#blog_title{
margin:5px 20px;
font-size:15px;
border-bottom:1px solid #111111;
width:190px;
background-image: url(../images/27/arrow0605.gif);
background-repeat: no-repeat;
padding-left:20px;

}

dl#blog_list{
width:210px;
margin:10px 20px;
}

dl#blog_list dt{
font-size:12px;
background-image: url(../images/27/square0305.gif);
background-repeat: no-repeat;
padding-left:20px;
margin-bottom:8px;
}

dl#blog_list dd{
font-size:12px;
margin-bottom:5px;
border-bottom:1px dotted #cccccc;
}

p.date{
text-align:right;
font-size:11px;
margin:10px;
}


p#subcredit{
text-align:right;
font-size:11px;
margin:10px;
}

/*
フッター
*/

div#footer{
clear:both;
width:600px;
margin:50px 250px;
text-align:center;
background-color:#660099;
padding:30px 0;
font-size:12px;
}

p#pagetop{
color:#FFFFFF;
}

p#pagetop a{
color:#FFFFFF;
}

p#pagetop a:hover{
color:#CC66CC;
}

p#copyright{
color:#FFFFFF;
}

p#copyright a{
color:#FFFFFF;
}

p#copyright a:hover{
color:#CC66CC;
}

/*
****************詳細ページ*******************
*/
div#detail_description{
margin:10px 20px;
}

div#detail_description p{
font-size:12px;
}

/*
****************エラーページ*******************
*/
div#error_main{
width:600px;
margin:30px 250px;
background-color:#FFFFFF;
padding:;
}

div#error_main p{
margin:30px 20px;
font-size:15px;
}