@charset "Shift_JIS";

/*共通部分のスタイルシート

■目次:

・共通指定
・配置
・全体レイアウト
・ヘッダー
・グローバルナビゲーション
・フッター
・前のページへ戻る
・ページの先頭へ戻る
・パン屑リンク

*/

*{
margin: 0;
padding: 0;
}

body {
font-size: 80%;
color: #333333;
font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
background-image: url(../image/back.png), url(../image/logo.png), url(../image/bg_blue.png), url(../image/bg_vio.png);
background-repeat: repeat, no-repeat, repeat-x, repeat-x;
background-position:left top, right bottom, left top, right bottom;
background-attachment:fixed;
}

/*---------------共通指定---------------*/

img {
border: 0;
}

p {
line-height: 1.4;
}
p::selection {
background: #21659b; /* for WebKit & Opera */
color:#FFFFFF;
}
p::-moz-selection {
background: #21659b; /* for Firefox */
color:#FFFFFF;
}


/*---------------全体レイアウト---------------*/
#content {
width: 810px;
clear: both;
margin: 20px auto;
padding: 0px;
background-color:#FFF;
opacity:0.8;
border:1px #FFF solid;
/*角丸*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
/*ドロップシャドウ*/
-webkit-box-shadow: #414D70 3px 3px 10px;
-moz-box-shadow: #414D70 3px 3px 10px;
box-shadow: #414D70 3px 3px 10px;
}

/*---------------ヘッダー---------------*/

#header {
padding: 0px;
margin: 0px;
display: block;
}
#sitetitle {
font-size:1.4em;
color:#2b71ad;
text-shadow:1px 1px 0px #fff;
text-align: center;
margin: 15px auto;
padding: 30px 0px 5px;
background-image: url(../image/bg_title-t.png), url(../image/bg_title-r.png), url(../image/bg_title-l.png);
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: center top, left bottom, right bottom;
display:block;
width:300px;
}

/*---------------グローバルナビゲーション---------------*/

nav#globalnavi {
padding:5px 0;
display:block;
width: 600px;
margin: 0px auto;
border-top: 2px solid #2b71ad;
border-bottom: 2px solid #2b71ad;
}
nav#globalnavi ul {
margin: 0px;
padding: 2px 0;
}
nav#globalnavi li{
float:left;
display: block;
width:198px;
}
nav#globalnavi li a{
display: block;
margin:1px 8px;
padding:5px;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 0px #fff;
font-weight:bold;
color:#143C5F;
/*角丸*/
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
/*グラデ*/
background-image: -moz-linear-gradient(top, #ffffff, #97CBFF); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #97CBFF),color-stop(1, #ffffff)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#97CBFF'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#97CBFF')"; /* IE8 */
}
nav#globalnavi li a:hover{
color:#FF3300;
/*グラデ*/
background-image: -moz-linear-gradient(top, #F3E8DC, #D8AF87); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #D8AF87),color-stop(1, #F3E8DC)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3E8DC', endColorstr='#D8AF87'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3E8DC', endColorstr='#D8AF87')"; /* IE8 */
}

/*---------------本文---------------*/

#pagetitle{
}

#main {
width: 665px;
margin: 10px auto;
padding:10px 0 15px;
-webkit-column-count: 1;
-webkit-column-gap: 20px;
-webkit-column-rule: 1px solid #d6d6d6;
-moz-column-count: 1;
-moz-column-gap: 20px;
-moz-column-rule: 1px solid #d6d6d6;
column-count: 1;
column-gap: 20px;
column-rule: 1px solid #d6d6d6;
clear:both;
}
#main-2nd {
padding: 0px 23px;
}

/*---------------フッター---------------*/

footer {
display:block;
width: 665px;
clear: both;
margin: 20px auto;
padding: 0px;
background-color:#FFF;
opacity:0.8;
border:1px #FFF solid;
/*角丸*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
/*ドロップシャドウ*/
-webkit-box-shadow: #6979a8 0px 0px 8px;
-moz-box-shadow: #6979a8 0px 0px 8px;
box-shadow: #6979a8 0px 0px 8px;
}
footer section {
width:665px;
padding:20px 0;
float:left;
}
footer section h2{
margin: 0 0 0 25px;
padding: 0px 0px 0px 6px;
border-left: 4px solid #2b71ad;
font-size: 1.2em;
}

footer section ul{
margin: 10px 0 0 25px;
list-style-type: none;
}
footer section ul li{
padding: 0px 0px 5px 12px;
margin:2px 0 0 0;
}
footer section ul li a{
}
footer section p {
margin: 10px 0 0 25px;
padding: 2px 0px 5px 12px;
}
address {
clear: both;
text-align: center;
padding: 15px 10px;
margin:0 15px;
border-top:1px dotted #2b71ad;
display:block;
font-style: normal;
}

/*---------------ページの先頭へ戻る---------------*/

#pagetop {
clear: both;
text-align: right;
padding: 13px 10px 0;
margin:10px 18px 0;
border-top: 1px dotted #999999;
}

/*---------------パン屑リンク---------------*/

#topicpath {
}

/* clearfix */
.clearfix{
min-height:1%;
}
.clearfix:after{
content:".";
height:0px;
clear:both;
display: block;
visibility:hidden;
}
* html .clearfix{
/*\*/height:1%;/*display WinIE*/
display:inline-table;/*display MacIE*/
}



| Kenのムービー計画へ >動画狂コーナーへ>HTML5/CSS3.へ |