{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:#cc00ff;
text-decoration:none;
}

a:hover{
color:#cc66cc;
text-decoration:none;
}
div#body{
padding:10px;
}


/*
-----ヘッダー-----
*/
div#header{
margin:0px 15px;
padding:20px 30px;
width:900px;
height:90px;
background-color:#cc00cc;
}

div#header h1{
font-size:18px;
}

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


/*
-----全コンテンツ-----
*/
div#allcontents{
border:2px solid #000000;
margin:0px 15px;
padding:0px 30px;
width:896px;
background-color:#FFFFFF;
}



/*
-----クレジット-----
*/
p.credit{
width:900px;
text-align:right;
font-size:12px;
margin:0 15px;
padding:2px 30px;
background-color:#330000;
color:#660066;
}


/*
-----メイン-----
*/



div#main{
width:896px;
display:inline-block;
margin:15px 0px;
}

div#main li{
display:inline-block;
margin-top:10px;
}

h2#m_title{
font-size:15px;
margin:5px;
padding-left:20px;
background-image:url("../images/23/square0205.gif");
background-repeat:no-repeat;
border-bottom:1px dotted #CCCCCC;
}

div.summary_box{
float:left;
font-size:10px;
width:250px;
margin:5px 15px;
padding:5px 10px;
}

div.summary_box h3{
font-size:13px;
margin:5px 0;
background-image:url("../images/23/circle0205.gif");
background-repeat:no-repeat;
padding-left:20px;

}

p.itemcate p{
font-size:11px;
}


div.summary_box h4{
margin-top:5px;
color:#660066;
}

div.summary_box p{
margin-top:5px;
}

div.detail_box{
float:left;
width:250px;
padding:10px 10px 10px 15px;
margin-top:5px;
margin:5px 10px 0px 10px;
}

div.detail_box dt{
font-size:13px;
background-image:url("../images/23/obi0105.gif");
background-repeat:no-repeat;
padding-left:15px;
border-bottom:1px solid #CCCCCC;
}

div.detail_box dd{
font-size:12px;
padding:10px;
}

div.image{
float:left;
width:250px;
margin:0 15px 0 35px;
height:200p;
}

/*
-----ページ-----
*/

#page {
text-align:center;
clear:both;
margin:10px 0;
padding:0;
}

#page li {
border:1px solid #CCCCCC;
display:inline-block;
margin:0px 5px;
padding: 0px 6px;
}

* html #page li {
display:inline;
}

* + html #page li {
display:inline;
}

#page li a {
display:block;
text-decoration:none;
}

#page li span.now_page {
display:block;
text-decoration:none;
color:#cc66cc;
}

/*
-----カテゴリー-----
*/
div#category{
width:500px;
float:left;
margin:20px;
}
div#category h3{
font-size:15px;
margin:5px;
padding-left:20px;
background-image:url("../images/23/square0205.gif");
background-repeat:no-repeat;
border-bottom:1px dotted #CCCCCC;
}

ul.cate_list{
margin:20px;
font-size:12px;
display:inline-block;
}

ul.cate_list li.cate_first{
clear:both;
width:94px;
background-image:url("../images/23/circle0105.gif");
background-repeat:no-repeat;
padding:0 0 5px 12px;
margin:5px 3px;
}

ul.cate_list li{
float:left;
width:94px;
background-image:url("../images/23/circle0105.gif");
background-repeat:no-repeat;
padding:0 0 5px 12px;
margin:5px 3px;
}

/*
-----サブコンテンツ-----
*/

div#sub{
width:896px;
clear:both;
}

div#sub h2{
font-size:15px;
padding-left:20px;
background-image:url("../images/23/square0205.gif");
background-repeat:no-repeat;
border-bottom:1px dotted #CCCCCC;
}

div#sub p.credit {
background-color:#FFFFFF;
margin:0;
padding:0;
}


ul#blogmain{
border-bottom:1px dotted #CCCCCC;
margin-bottom:20px;
}

ul#blogmain li{
margin:10px;
}

ul#blogmain li h3{
font-size:13px;
margin-bottom:10px;
background-image:url("../images/23/circle0205.gif");
background-repeat:no-repeat;
padding-left:20px;
}

p.note{
font-size:10px;
color:#9933cc;
margin:10px 0;
}

ul#blogmain li p{
font-size:10px;
marign:5px;
}


/*
-----クライアント-----
*/
div#cli{
float:left;
}

ul#client{
width:300px;
margin:30px 10px 10px 30px;
}

ul#client li{
margin:15px 5px;
}

ul#client li dl{
}

ul#client li dl dt{
font-size:13px;
background-image:url("../images/23/obi0105.gif");
background-repeat:no-repeat;
padding-left:20px;
border-bottom:1px solid #CCCCCC;
}

ul#client li dl dd {
margin:5px;
}

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



/*
-----フッター-----
*/
div#footer{
margin:0px 15px 5px;
padding:5px 30px 20px 30px;
width:900px;
background-color:#cc00cc;
font-size:11px;
clear:both;
}

p#top{
text-align:center;
}

p#top a{
color:#330000;
text-decoration:underline;
margin:5px;
}

p#top a:hover{
color:#FFFFFF;
}

p#copyright{
text-align:center;
color:#330000;


}

p#copyright a{
color:#330000;
text-decoration:underline;

}

p#copyright a:hover{
color:#FFFFFF;

}




/*
-----詳細ページ-----
*/

div#detailcontents{
float:left;
width:500px;
margin:20px 5px;
}

div#detailcontents h3{
font-size:14px;
margin:20px 10px 10px 10px;
background-image:url("../images/23/circle0205.gif");
background-repeat:no-repeat;
padding-left:20px;
}

div#detailcontents h4{
margin:5px 10px;
font-size:14px;
color:#660066;
}

div#detailcontents p{
width:450px;
font-size:10px;
margin:5px 10px;
}

dl.detail{
width:450px;
margin:20px 10px;
}

dl.detail dt{
font-size:14px;
background-image:url("../images/23/obi0105.gif");
background-repeat:no-repeat;
border-bottom:1px solid #CCCCCC;
padding-left:18px;
margin:8px 0;
}

div#d_photo{
float:left;
width:350px;
margin:20px 5px;
}

ul#client{
clear:both;
}

/*
-----エラーページ-----
*/
p#topicPath{
margin:5px;
font-size:12px;
}


p#errormessage{
text-align:center;
margin:100px 0;
font-size:14px;
}