@charset "UTF-8";

body {
font-size: 14px;
line-height: 1.8;
color: #0063b1;
background-color: #aaaaff;
/*background-image: url("./img/bg_logo.jpg");*/
background-image: url("./img/bg.jpg");
margin: 0px;
padding: 0px;
font-family: "ヒラギノ丸ゴ ProN","Hiragino Maru Gothic ProN","HG丸ｺﾞｼｯｸM-PRO",HGMaruGothicMPRO,"游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,Arial,"ＭＳ Ｐゴシック",sans-serif;
}

hr {
margin: 0px;
padding: 0px;
border: 2px dotted #0063b1;
}

hr.dotted1 {
margin: 0px;
padding: 0px;
border: 1px dashed #0063b1;
}

hr.dotted_news {
margin: 8px 0px;
padding: 0px;
border: 1px dashed #000000;
}


hr.inbox {
margin: 5px;
padding: 0px;
border: 1px dashed #ffffff;"
}

table {
margin: 0px;
padding: 0px;
}

tr {
margin: 0px;
padding: 0px;
}
td {
margin: 0px;
padding: 0px;
}


/*indexページ用*/
.mainbox {
width: 1024px;
margin: 10px auto;
padding: 0px;
background-color: transparent;
}


.top {
width: 1024px;
Height: 15px;
margin: 0px;
padding: 0px;
background-image: url("./img/top.png");
background-repeat: no-repeat;
background-color: transparent;
}

.main {
width: 1024px;
margin: 0px;
padding: 0px;
background-color: #ffffff;
Color: #0063b1;
}

.bottom {
width: 1024px;
Height: 15px;
margin: 0px;
padding: 0px;
background-image: url("./img/bottom.png");
background-repeat: no-repeat;
background-color: transparent;
}

.top_box {
Width: 660px;
margin: 0px auto;
padding: 10px;
background-color: #ffffff;
Color: #0063b1;
}

.top_box_l {
Width: 660px;
margin: 0px;
padding: 10px;
background-color: #ffffff;
Color: #0063b1;
}

.top_box_tw {
Width: 1000px;
margin: 0px auto;
padding: 10px;
background-color: #ffffff;
Color: #0063b1;
}

.top_box_4 {
Width: 940px;
margin: 0px auto;
padding: 10px;
background-color: #ffffff;
Color: #0063b1;
}


.copyright_and_build {
width: 1004px;
margin: 0px;
padding: 10px;
background-color: transparent;
}

.copyright {
padding: 5px;
font-size: 10px;
line-height: 1.8;
text-align: right;
color: #ffffff;
margin: 0px 15px;
}

.build {
padding: 5px;
font-size: 10px;
line-height: 1.8;
text-align: center;
font-weight: normal;
color: #ffffff;
margin: 0px 10px;
}

.caution {
padding: 5px;
font-size: 10px;
Font-weight: bold;
line-height: 1.8;
text-align: center;
font-weight: normal;
color: #ffffff;
margin: 0px 15px;
}

.cain_link {
width: 1024px;
Height: 45px;
margin: 0px;
padding: 0px;
background-image: url("./img/cain_link.png");
background-repeat: repeat-x;
background-color: #ffffff;
Color: #0063b1;
}

.cain_link4 {
width: 1024px;
Height: 45px;
margin: 0px;
padding: 0px;
background-image: url("./img/cain_link4.png");
background-repeat: repeat-x;
background-color: #ffffff;
Color: #0063b1;
}

.cain_link4_fix {
width: 1024px;
Height: 45px;
margin: 0px;
padding: 0px;
background-image: url("./img/cain_link4_fix.png");
background-repeat: repeat-x;
background-color: #ffffff;
Color: #0063b1;
}


.cain {
width: 1024px;
Height: 30px;
margin: 0px;
padding: 0px;
background-image: url("./img/cain.png");
background-repeat: repeat-x;
background-color: #ffffff;
Color: #0063b1;
}

.cain2 {
width: 1024px;
Height: 30px;
margin: 0px;
padding: 0px;
background-image: url("./img/cain2.png");
background-repeat: repeat-x;
background-color: #ffffff;
Color: #0063b1;
}

.cain_s {
width: 1024px;
Height: 20px;
margin: 0px;
padding: 0px;
background-image: url("./img/cain_s.png");
background-repeat: repeat-x;
background-color: #ffffff;
Color: #0063b1;
}

.cain_s2 {
width: 1024px;
Height: 20px;
margin: 0px;
padding: 0px;
background-image: url("./img/cain_s2.png");
background-repeat: repeat-x;
background-color: #ffffff;
Color: #0063b1;
}

.cain_ss {
width: 1024px;
Height: 15px;
margin: 0px;
padding: 0px;
background-image: url("./img/cain_ss.png");
background-repeat: repeat-x;
background-color: #ffffff;
Color: #0063b1;
}

.cain_ss2 {
width: 1024px;
Height: 15px;
margin: 0px;
padding: 0px;
background-image: url("./img/cain_ss2.png");
background-repeat: repeat-x;
background-color: #ffffff;
Color: #0063b1;
}

.cain_top {
width: 1024px;
Height: 80px;
margin: 0px;
padding: 0px;
background-image: url("./img/cain.png");
background-repeat: repeat-x;
background-color: #ffffff;
Color: #0063b1;
Text-align: right;
}

.cain_title {
width: 1024px;
Height: 80px;
margin: 0px;
padding: 0px;
background-image: url("./img/cain.png");
background-repeat: repeat-x;
background-color: #ffffff;
Color: #0063b1;
Text-align: left;
}

.page_title {
width: 744px;
padding: 15px 0px 0px 60px;/*上 右 下 左*/
font-size: 42px;
Font-weight: bold;
}

.cain_top_nocain {
width: 1024px;
height: 80px;
margin: 0px;
padding: 0px;
/*background-image: url("./img/cain.png");
background-repeat: repeat-x;*/
background-color: #ffffff;
color: #0063b1;
Text-align: right;
}

.navigation {
width: 824px;
height: 32px;
margin: 0px;
Padding: 0px 100px 0px 100px ;/*上 右 下 左*/
background-color: #ffffff;
color: #0063b1;
Font-size: 18px;
Text-align: right;
}

.navigation_works {
width: 824px;
height: 32px;
margin: 0px;
Padding: 0px 140px 0px 60px ;/*上 右 下 左*/
background-color: #ffffff;
color: #0063b1;
Font-size: 18px;
Text-align: leftt;
}

.twitter {
width: 300px;
height: 790px;
margin: 10px;
padding: 0px;
background-color: #eeffff;
}

.main_box {
Width: 1024px;
margin: 0px;
padding: 10px 0px;
background-color: #ffffff;
Color: #0063b1;
}

.sub_box_l_top {
width: 800px;
Height: 15px;
margin: 10px 174px 0px 50px ;/*上 右 下 左*/;
padding: 0px;
background-image: url("./img/sub_box_top.png");
background-repeat: no-repeat;
background-color: transparent;
}

.sub_box_l {
width: 760px;
Margin: 0px 174px 0px 50px ;/*上 右 下 左*/;
padding: 20px;
background-color: #ddffff;
}

.sub_box_l_bottom {
width: 800px;
height: 15px;
Margin: 0px 174px 10px 50px ;/*上 右 下 左*/;
padding: 0px;
background-image: url("./img/sub_box_bottom.png");
background-repeat: no-repeat;
background-color: transparent;
}

.sub_box_r_top {
width: 800px;
Height: 15px;
Margin: 10px 50px 0px 174px ;/*上 右 下 左*/;
padding: 0px;
background-image: url("./img/sub_box_top.png");
background-repeat: no-repeat;
background-color: transparent;
}

.sub_box_r {
width: 760px;
Margin: 0px 50px 0px 174px ;/*上 右 下 左*/;
padding: 20px;
background-color: #ddffff;
}

.sub_box_r_bottom {
width: 800px;
Height: 15px;
Margin: 0px 50px 10px 174px ;/*上 右 下 左*/;
padding: 0px;
background-image: url("./img/sub_box_bottom.png");
background-repeat: no-repeat;
background-color: transparent;
}


.sub_box_c_top {
width: 800px;
height: 15px;
margin: 10px auto 0px;/*上 右 下 左*/;
padding: 0px;
background-image: url("./img/sub_box_top.png");
background-repeat: no-repeat;
background-color: transparent;
}

.sub_box_c {
width: 760px;
Margin: 0px auto ;/*上 右 下 左*/;
padding: 20px;
background-color: #ddffff;
text-align: center;
}

.sub_box_c_bottom {
width: 800px;
height: 15px;
margin: 0px auto 10px;/*上 右 下 左*/;
padding: 0px;
background-image: url("./img/sub_box_bottom.png");
background-repeat: no-repeat;
background-color: transparent;
}


.sub_box_big_top {
width: 900px;
Height: 15px;
margin: 10px 174px 0px 50px ;/*上 右 下 左*/;
padding: 0px;
background-image: url("./img/sub_box_big_top.png");
background-repeat: no-repeat;
background-color: transparent;
}

.sub_box_big {
width: 860px;
Margin: 0px 174px 0px 50px ;/*上 右 下 左*/;
padding: 20px;
background-color: #ddffff;
}

.sub_box_big_bottom {
width: 900px;
height: 15px;
Margin: 0px 174px 10px 50px ;/*上 右 下 左*/;
padding: 0px;
background-image: url("./img/sub_box_big_bottom.png");
background-repeat: no-repeat;
background-color: transparent;
}



.sub_box_4_top {
width: 920px;
height: 15px;
margin: 10px auto 0px;/*上 右 下 左*/;
padding: 0px;
background-image: url("./img/sub_box_4_top.png");
background-repeat: no-repeat;
background-color: transparent;
}

.sub_box_4 {
width: 920px;
Margin: 0px auto ;/*上 右 下 左*/;
padding: 0px auto 20px;
background-color: #ddffff;
text-align: center;
}

.sub_box_4_bottom {
width: 920px;
height: 15px;
margin: 0px auto 10px;/*上 右 下 左*/;
padding: 0px;
background-image: url("./img/sub_box_4_bottom.png");
background-repeat: no-repeat;
background-color: transparent;
}


.title {
font-size: 24px;
font-weithe: bold;
}

.header1 {
font-size: 20px;
font-weithe: bold;
}

.header2 {
font-size: 16px;
font-weithe: bold;
}


/* 作品紹介詳細ページ用 */
.works {
background-color: transparent;
margin: 10px;
padding: 0px;
}


.official_site {
margin: 10px;
padding: 0px;
text-align: right;
}

.contents_copyright {
margin: 5px;
padding: 0px;
text-align: right;
Font-size: 12px;
}


.works_title {
padding: 15px 0px 0px 15px;/*上 右 下 左*/
font-size: 36px;
Font-weight: bold;
}



/* 影付き画像に貼られたリンクの移動指定 */
a.move:link {
text-decoration: underline;
color: #0063b1;
background-color: transparent;
}
a.move:visited {
text-decoration: underline;
color: #003391;
background-color: transparent;
}
a.move:hover {
text-decoration: underline;
color: #ff6666;
background-color: transparent;
position: relative;
top: 2px;
left: 1px;
}
a.move:active {
text-decoration: underline;
color: #ff8888;
background-color: transparent;
position: relative;
top: 4px;
left: 2px;
}
a.move:focus {
text-decoration: underline;
color: #006063;
background-color: transparent;
position: relative;
top: 4px;
left: 2px;
}


img.left{
float: left;
}

img.right{
float: right;
}


.shadow {
background-color: transparent;
background-image: url("./img/thumbnail_shadow.png");
background-repeat: no-repeat;
background-position: 16px 20px;
Padding: 10px;
}

.shadow1 {
background-color: transparent;
background-image: url("./img/thumbnail_shadow1.png");
background-repeat: no-repeat;
background-position: 16px 20px;
Padding: 10px;
}

.shadow2 {
background-color: transparent;
background-image: url("./img/thumbnail_shadow2.png");
background-repeat: no-repeat;
background-position: 16px 20px;
Padding: 10px;
}

.shadow3 {
background-color: transparent;
background-image: url("./img/thumbnail_shadow3.png");
background-repeat: no-repeat;
background-position: 16px 20px;
Padding: 10px;
}

.shadow_big {
background-color: transparent;
background-image: url("./img/thumbnail_shadow_big.png");
background-repeat: no-repeat;
background-position: 16px 20px;
Padding: 10px;
}

.shadow_big1 {
background-color: transparent;
background-image: url("./img/thumbnail_shadow_big1.png");
background-repeat: no-repeat;
background-position: 16px 20px;
Padding: 10px;
}

.shadow_big2 {
background-color: transparent;
background-image: url("./img/thumbnail_shadow_big2.png");
background-repeat: no-repeat;
background-position: 16px 20px;
Padding: 10px;
}

.shadow_big3 {
background-color: transparent;
background-image: url("./img/thumbnail_shadow_big3.png");
background-repeat: no-repeat;
background-position: 16px 20px;
Padding: 10px;
}