@charset "Shift_JIS";

/*
[1]全体のリンク指定
[2]CSS.DesignSampleへのリンク指定
[3]レイアウトに関する指定
[4]ヘッダー内の各部分指定
[5]コンテンツ内の各部分指定
[6]サイドバー内の各部分指定
[7]フッター内の各部分指定
*/


/* 一括で全ての要素の余白をゼロに指定 */
*{padding: 0;	margin: 0;}


/*++++++++++++++++++++++++++++++++++++++++

[1]全体のリンク指定 */

a:link{
color: #0000ff;
text-decoration: underline;
}

a:visited{
color: #cc00cc;
text-decoration: underline;
}

a:hover{
color: #ff0000;
text-decoration: underline;
}

/*++++++++++++++++++++++++++++++++++++++++

[2]CSS.DesignSampleへのリンク指定 */

#footer #cds{
font-size: 90%;
text-align: right;
margin-right: 1.5em;
color: #cccccc;
}

#footer #cds a{
text-decoration: none;
color: #cccccc;
}

/*++++++++++++++++++++++++++++++++++++++++

[3]レイアウトに関する指定 */

body{
font-size: 80%;
text-align: center;
font-family: "MS UI Gothic",sans-serif;
padding: 0;
margin: 0;
}

/*-- 全体を囲んでいます --*/

#wrapper{
text-align: left;
margin: 0 auto;
padding: 20px 50px 0;
width: 730px;
background: url(../img/bg-wrapper.jpg) repeat-y 0 50%;
position: relative;
}

/*-- ヘッダー部分 --*/

#header{
height: 200px;
margin-bottom: 2em;
background: url(../img/bg-header.jpg) no-repeat 220px 100%;
}


/*-- コンテナー部分 --*/
#container{width: 100%;}

/*-- コンテンツ部分 --*/
#contents{
float: right;
width: 500px;
padding-right: 10px;
}

/*-- サイドバー部分 --*/
#sidebar{
float: left;
width: 180px;
padding-left: 10px;
}

/*-- フッター部分 --*/
#footer{
clear: both;
width: 100%;
padding: 2em 0 1em;
}

/*-- トップナビ部分 --*/
#globalnavi{
position: absolute;
top: 3em;
right: 60px;
}

#globalnavi ul{
list-style-type: none;
}

#globalnavi li{
display: inline;
background: url(../img/listmark.gif) no-repeat 0 50%;
}

#globalnavi li a{
padding: 0.5em 5px 0.5em 15px;
}

#globalnavi li a:hover{
text-decoration: underline;
}

/*++++++++++++++++++++++++++++++++++++++++

[4]ヘッダー内の各部分指定 */

/*-- サイトタイトル --*/

h1{
font-size: 150%;
margin-left: 10px;
padding: 5px 30px;
background: url(../img/bg-title.gif) no-repeat 0 50%;
}

/*++++++++++++++++++++++++++++++++++++++++

[5]コンテンツ内の各部分指定 */

/*-- 見出し --*/

h2,h3,h4,h5,h6{
font-size: 120%;
margin-bottom: 1em;
padding: 0.5em 0 0.5em 25px;
background: #ffffff url(../img/bg-h.gif) no-repeat 0 50%;
color: #000000;
}


h3,h4,h5,h6{margin-top: 3em;}


/*-- 文字 --*/

#contents p{
line-height: 1.5;
margin-bottom: 1em;
}

/*-- 定義リスト --*/

#contents dl{
width: 90%;
margin: 1.5em auto;
}

#contents dt{
margin-bottom: 0.5em;
font-weight: bold;
border-bottom: 1px solid #330000;
}

#contents dd{margin-bottom: 1.5em;}


/*-- 定義リスト内の文字 --*/

#contents dd p{
line-height: 1.5;
margin-bottom: 1em;
}

#contents dd span{color: #ff0000;}


/*-- リスト --*/

#contents ul{margin: 1em 0 2em 20px;}

#contents ul li{margin: 0 0 1em 0;}


/*++++++++++++++++++++++++++++++++++++++++

[6]サイドバー内の各部分指定 */

/*-- サイドバータイトル --*/

.p_sidetitle{
font-weight: bold;
padding-bottom: 2px;
border-bottom: 1px solid #cccc99;
}

/*-- ローカルナビ --*/

.localnavi{
list-style-position: inside;
color: #cccc99;
margin: 1em 0 2em;
}

.localnavi li{
padding: 5px 0;
border-bottom: 1px solid silver;
}

.localnavi li a{
text-decoration: none;
}

.localnavi li a:hover{
text-decoration: underline;
padding-right: 10px;
border-right: 10px solid #ff0000;
}

/*++++++++++++++++++++++++++++++++++++++++

[7]フッター内の各部分指定 */

/*-- コピーライト --*/

#footer p{text-align: center;}


/*++++++++++++++++++++++++++++++++++++++++
[8]テーブルコンテンツの各部分指定 */

table.contents{
 width:90%;
 margin:5px;
 position:relative;
 float:left;
 font-size:small;
 border-collapse:collapse;
 border:1px solid black;
 border-spacing:0;
}

td.contents{
 padding:5px 5px;
 font-size:small;
 text-align:left;
 border-collapse:collapse;
 border:1px solid black;
 border-spacing:0;
 color:black;
 background-color:#ffffff;
}

th.contents{
 padding:5px 5px;
 font-size:small;
 text-align:left;
 border-collapse:collapse;
 border:1px solid black;
 border-spacing:0;
 color:black;
 background-color:#FAFAD2;
}