/*----------------------------------
ALBERT Design
FileName:style.css
Last Update:09/12/09
------------------------------------*/


/*-------------------------------
黒背景用　リンクカラー
-------------------------------*/

a:link { color:#FFFFFF; text-decoration: underline; }
a:visited { color:#99CCFF; text-decoration: underline; }
a:active { color:#FFFFFF; text-decoration: underline; }
a:hover { color:#FFFFFF; text-decoration: none; }

/*-------------------------------
レイアウト
-------------------------------*/

#contents-up
{
width:780px;
margin:0 15px 15px;
padding:0;
}

#contents-left
{
width:180px;
float:left;
margin:0;
padding:0;
}

#contents-center
{
width:400px;
float:left;
margin:0 0 0 10px;
padding:0;
}

#contents-right
{
width:180px;
float:left;
margin:0 0 0 10px;
padding:0;
}

#contents-under
{
width:780px;
margin:0 15px 15px;
padding:0;
}

#topics
{
width:250px;
float:left;
margin:0;
padding:0;
}

#report
{
width:250px;
float:left;
margin:0 0 0 15px;
padding:0;
}

#release
{
width:250px;
float:left;
margin:0 0 0 15px;
padding:0;
}

#blog
{
width:250px;
float:left;
margin:0 0 0 15px;
padding:0;
}

#twitter
{
width:250px;
float:left;
margin:0 0 0 15px;
padding:0;
}


/*-------------------------------
ヘッダーデザイン
-------------------------------*/

#solution-outer
{
width:780px;
height: 100px;
margin:0 0 15px 0;
padding:0;
}

#solution-inner
{
width:780px;
margin:0;
padding:0;
}

.solutions-5
{
width:152px;
height:100px;
margin:0;
padding:0;
float: left;
}

.solutions-6
{
width:152px;
height:48px;
margin:0 0 0 0px;
padding:0;
}

.solutions-7
{
width:152px;
height:48px;
margin-top: 4px;
}

.solutions-67,
.solutions-1,
.solutions-2,
.solutions-3,
.solutions-4
{
width:152px;
height:100px;
margin:0 0 0 5px;
padding:0;
float: left;
}


.solutions-1 a,
.solutions-2 a,
.solutions-3 a,
.solutions-4 a,
.solutions-5 a
{
display: block;
width:152px;
height:100px;
text-decoration: none;
}


.solutions-6 a,
.solutions-7 a
{
display: block;
width:152px;
height:48px;
text-decoration: none;
}






.solutions-1 a:link,
.solutions-1 a:visited,
.solutions-1 a:active
{
background-image: url(../images/header/sol/solution-1a.jpg);
background-repeat: no-repeat;
background-position: left top;
}

.solutions-1 a:hover
{
background-image: url(../images/header/sol/solution-1b.jpg);
background-repeat: no-repeat;
}

.solutions-2 a:link,
.solutions-2 a:visited,
.solutions-2 a:active
{
background-image: url(../images/header/sol/solution-2a.jpg);
background-repeat: no-repeat;
}

.solutions-2 a:hover
{
background-image: url(../images/header/sol/solution-2b.jpg);
background-repeat: no-repeat;
}

.solutions-3 a:link,
.solutions-3 a:visited,
.solutions-3 a:active
{
background-image: url(../images/header/sol/solution-3a.jpg);
background-repeat: no-repeat;
}

.solutions-3 a:hover
{
background-image: url(../images/header/sol/solution-3b.jpg);
background-repeat: no-repeat;
}

.solutions-4 a:link,
.solutions-4 a:visited,
.solutions-4 a:active
{
background-image: url(../images/header/sol/solution-4a.jpg);
background-repeat: no-repeat;
}

.solutions-4 a:hover
{
background-image: url(../images/header/sol/solution-4b.jpg);
background-repeat: no-repeat;
}

.solutions-5 a:link,
.solutions-5 a:visited,
.solutions-5 a:active
{
background-image: url(../images/header/sol/solution-5a.jpg);
background-repeat: no-repeat;
}

.solutions-5 a:hover
{
background-image: url(../images/header/sol/solution-5b.jpg);
background-repeat: no-repeat;
}

.solutions-6 a:link,
.solutions-6 a:visited,
.solutions-6 a:active
{
background-image: url(../images/header/sol/solution-6a.jpg);
background-repeat: no-repeat;
}

.solutions-6 a:hover
{
background-image: url(../images/header/sol/solution-6b.jpg);
background-repeat: no-repeat;
}

.solutions-7 a:link,
.solutions-7 a:visited,
.solutions-7 a:active
{
background-image: url(../images/header/sol/solution-7a.jpg);
background-repeat: no-repeat;
}

.solutions-7 a:hover
{
background-image: url(../images/header/sol/solution-7b.jpg);
background-repeat: no-repeat;
}






/*------------------------------------------
トップページ上部コンテンツデザイン
------------------------------------------*/

/*-------------------------------
左メニューデザイン
-------------------------------*/


/*------レフトメニュー-------*/

#left-menu
{
width:180px;
margin:0;
padding:0;
}

.left-menu-box
{
width:180px;
height:34px;
margin:0 0 7px 0;
padding:0;
}

.left-menu-box2
{
width:180px;
height:34px;
margin:0 0 6px 0;
padding:0;
}

.left-menu-box-last
{
width:180px;
height:32px;
margin:0;
padding:0;
}

.left-menu-box-inner
{
width:180px;
height:34px;
margin:0;
padding:0;
}

.left-menu-box-inner a
{
display: block;
width:180px;
height:34px;
margin:0;
padding:0;
background-repeat: no-repeat;
text-decoration: none;
}

a.leftmenu1
{
background-image: url(../images/left/leftmenu1-out.jpg);
}

a.leftmenu1:hover
{
background-image: url(../images/left/leftmenu1-over.jpg);
}

a.leftmenu2
{
background-image: url(../images/left/leftmenu2-out.jpg);
}

a.leftmenu2:hover
{
background-image: url(../images/left/leftmenu2-over.jpg);
}

a.leftmenu3
{
background-image: url(../images/left/leftmenu3-out.jpg);
}

a.leftmenu3:hover
{
background-image: url(../images/left/leftmenu3-over.jpg);
}

a.leftmenu4
{
background-image: url(../images/left/leftmenu4-out.jpg);
}

a.leftmenu4:hover
{
background-image: url(../images/left/leftmenu4-over.jpg);
}

a.leftmenu5
{
background-image: url(../images/left/leftmenu5-out.jpg);
}

a.leftmenu5:hover
{
background-image: url(../images/left/leftmenu5-over.jpg);
}

a.leftmenu6
{
background-image: url(../images/left/leftmenu6-out.jpg);
}

a.leftmenu6:hover
{
background-image: url(../images/left/leftmenu6-over.jpg);
}

a.leftmenu7
{
background-image: url(../images/left/leftmenu7-out.jpg);
}

a.leftmenu7:hover
{
background-image: url(../images/left/leftmenu7-over.jpg);
}

a.leftmenu8
{
background-image: url(../images/left/leftmenu8-out.jpg);
}

a.leftmenu8:hover
{
background-image: url(../images/left/leftmenu8-over.jpg);
}

#menu01,
#menu02,
#menu05,
#menu06,
#menu07,
#menu08
{
width:200px;
margin:0;
padding:0;
position:absolute;
top:0px;
left:0px;
visibility:hidden;

}


#menu03,
#menu04
{
width:300px;
margin:0;
padding:0;
position:absolute;
top:0px;
left:0px;
visibility:hidden;

}


#menu01-inner,
#menu02-inner,
#menu03-inner,
#menu04-inner,
#menu05-inner,
#menu06-inner,
#menu07-inner,
#menu08-inner
{
background:#001F42;
text-align:left;
padding:5px;
margin:0;
border:1px solid #808080;
}

#menu01-inner a,
#menu02-inner a,
#menu03-inner a,
#menu04-inner a,
#menu05-inner a,
#menu06-inner a,
#menu07-inner a,
#menu08-inner a
{
font-size:12px;
line-height:18px;
text-decoration:none;
}

#menu01-inner a
{
color:#F5891E;
}
#menu02-inner a
{
color:#E54C6D;
}
#menu03-inner a
{
color:#CA5EE5;
}
#menu04-inner a
{
color:#93A2FF;
}
#menu05-inner a
{
color:#18CEFE;
}
#menu06-inner a
{
color:#57C549;
}
#menu07-inner a
{
color:#F4D400;
}
#menu08-inner a
{
color:#A7A7A7;
}

#menu01-inner a:hover,
#menu02-inner a:hover,
#menu03-inner a:hover,
#menu04-inner a:hover,
#menu05-inner a:hover,
#menu06-inner a:hover,
#menu07-inner a:hover,
#menu08-inner a:hover
{
text-decoration:underline;
}

#menu03-inner
{
color:#CA5EE5;
}


/*-------------------------------
センターデザイン
-------------------------------*/

/*------センターイメージ-------*/

#center-movie
{
width:400px;
}

/*-------------------------------
右コンテンツデザイン
-------------------------------*/

/*------フリーコンテンツエリア-------*/

#search-box
{
margin:0 0 8px 0;
padding:1px;
border:none;
}

#search-box-inner
{
width:170px;
margin:0;
font-size:12px;
vertical-align:top;
background-color:#001F42;
}

td.search-td{padding-top:1px;}
* html td.search-td{padding-top:2px;}
*+html td.search-td{padding-top:2px;}

#serch-form
{
padding:3px 2px;
margin:0;
}

#search-box form
{
width:166px;
margin:0;
}


input.searcharea
{
width:90px;
font-size:11px;
}

input.search-submit
{
width:50px;
}

#Powered
{
width:166px;
height:18px;
margin:1px 0 2px 0;
text-align:right;
}

.Powered-left
{
width:100px;
margin:0;
padding-top:8px;
float:left;
font-size:10px;
color:#fff;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

.Powered-right
{
width:64px;
margin-left:2px;
float:left;
}

.banner
{
width:180px;
height:61px;
margin:0 0 5px 0;
padding:0;
}

#sites
{
width:180px;
margin:0;
padding:0;
}

#sites-title
{
width:180px;
height:25px;
margin:2px 0 5px 0;
padding:0;
}

.sites-image
{
width:180px;
height:61px;
margin:0 0 5px 0;
padding:0;
}

.sites-image02
{
width:180px;
height:61px;
margin:0 0 7px 0;
padding:0;
}

.sites-link
{
width:145px;
margin:0;
float:left;
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}


/*------------------------------------
トップページ下部コンテンツデザイン
------------------------------------*/

.under-subtitle
{
width:250px;
height: 25px;
margin:0 0 10px 0;
padding:0;
}
.under-contents
{
border:3px solid #C7C9D8;
}

.under-contents-inner
{
width:244px;
height: 430px;
margin: 0;
padding: 0;
overflow: hidden;
background-color:#FFFFFF;
}

/*------トピックスエリア-------*/

.topics-box
{
padding:2px 5px 5px 5px;
margin:5px 0;
border-bottom: 1px dotted #9E9E9E;
text-align: left;
}

.topics-box2
{
padding:2px 5px 5px 5px;
margin:5px 0;
text-align: left;
}

.topics-box a:link,
.topics-box2 a:link { color:#000000; text-decoration: underline; }

.topics-box a:visited,
.topics-box2 a:visited { color:#000000; text-decoration: underline; }

.topics-box a:active,
.topics-box2 a:active { color:#000000; text-decoration: underline; }

.topics-box a:hover,
.topics-box2 a:hover { color:#000000; text-decoration: none; }

.topics-date
{
width: 230px;
margin:0 0 2px 0;
padding: 0;
color:#808080;
font-size:11px;
font-family: "Verdana","Arial", "Helvetica", "sans-serif";
}

.topics-column
{
width: 230px;
margin:0;
padding:0;
color:#EEEEEE;
font-size:11px;
line-height: 120%;
font-family: "Verdana","Arial", "Helvetica", "sans-serif";
}

.topics-column p
{
margin:0;
}

/*------レポートエリア-------*/

.report-box
{
padding:2px 5px 5px 5px;
margin:5px 0;
border-bottom: 1px dotted #9E9E9E;
text-align: left;
}

.report-box a:link,
.report-box2 a:link { color:#000000; text-decoration: underline; }

.report-box a:visited,
.report-box2 a:visited { color:#000000; text-decoration: underline; }

.report-box a:active,
.report-box2 a:active { color:#000000; text-decoration: underline; }

.report-box a:hover,
.report-bo2x a:hover { color:#000000; text-decoration: none; }

.report-box2
{
padding:2px 5px 5px 5px;
margin:5px 0;
text-align: left;
}

.report-date
{
width: 230px;
margin:0 0 2px 0;
padding: 0;
color:#808080;
font-size: 11px;
font-family: "Verdana","Arial", "Helvetica", "sans-serif";
}

.report-title
{
width: 230px;
margin:0 0 2px 0;
padding:0;
font-size:12px;
}

.report-column
{
width: 230px;
margin:0;
padding:0;
color:#EEEEEE;
font-size:10px;
line-height: 120%;
}


/*------リリースエリア-------*/

.release-box
{
padding:2px 5px 5px 5px;
margin:5px 0;
border-bottom: 1px dotted #9E9E9E;
text-align: left;
}

.release-box a:link,
.release-box2 a:link { color:#000000; text-decoration: underline; }

.release-box a:visited,
.release-box2 a:visited { color:#000000; text-decoration: underline; }

.release-box a:active,
.release-box2 a:active { color:#000000; text-decoration: underline; }

.release-box a:hover,
.release-box2 a:hover { color:#000000; text-decoration: none; }

.release-box2
{
padding:2px 5px 5px 5px;
margin:5px 0;
text-align: left;
}

.release-date
{
width: 230px;
margin:0 0 2px 0;
padding: 0;
color:#808080;
font-size: 11px;
font-family: "Verdana","Arial", "Helvetica", "sans-serif";
}

.release-column
{
width: 230px;
margin:0;
padding:0;
color:#EEEEEE;
font-size:12px;
line-height: 120%;
}




/*------代表者Blogエリア-------*/

.blog-box
{
padding:2px 5px 5px 5px;
margin:5px 0;
border-bottom: 1px dotted #9E9E9E;
text-align: left;
}

.blog-box a:link,
.blog-box2 a:link { color:#000000; text-decoration: underline; }

.blog-box a:visited,
.blog-box2 a:visited { color:#000000; text-decoration: underline; }

.blog-box a:active,
.blog-box2 a:active { color:#000000; text-decoration: underline; }

.blog-box a:hover,
.blog-box2 a:hover { color:#000000; text-decoration: none; }

.blog-box2
{
padding:2px 5px 5px 5px;
margin:5px 0;
text-align: left;
}

.blog-date
{
width: 230px;
margin:0 0 2px 0;
padding: 0;
color:#808080;
font-size: 11px;
font-family: "Verdana","Arial", "Helvetica", "sans-serif";
}

.blog-column
{
width: 230px;
margin:0;
padding:0;
color:#EEEEEE;
font-size:12px;
line-height: 120%;
}



/*------Twitterエリア-------*/

.twitter {
width:230px;
font-size:11px;
text-align:left;
}


.twitter1_inner {
padding:0px;
height:139px;
}
.twitter1_title {
font-family: "Verdana","Arial", "Helvetica", "sans-serif";
padding-top:5px;
padding-bottom:8px;
}
.twitter1_title_icon {
width:30px;
float:left;
padding-top:3px;
}
.twitter1_title_account {
width:200px;
}
.twitter1_title_profile {
width:200px;
color:#808080;
font-size:10px;
}
.twitter1_inner ul#twitter1_update_list {
list-style-type:none;
margin:0;
padding:0;
}
.twitter1_inner ul#twitter1_update_list li {
padding-bottom:5px;
}



.twitter2_inner {
padding:2px;
height:136px;
}
.twitter2_title {
padding-top:3px;
padding-bottom:8px;
border-top:1px dotted #9E9E9E;
font-family: "Verdana","Arial", "Helvetica", "sans-serif";
}
.twitter2_title_icon {
width:30px;
float:left;
padding-top:3px;
}
.twitter2_title_account {
width:200px;
}
.twitter2_title_profile {
width:200px;
color:#808080;
font-size:10px;
}
.twitter2_inner ul#twitter2_update_list {
list-style-type:none;
margin:0;
padding:0;
}
.twitter2_inner ul#twitter2_update_list li {
padding-bottom:5px;
}



.twitter3_inner {
padding:2px;
height:155px;
}
.twitter3_title {
padding-top:3px;
padding-bottom:8px;
border-top:1px dotted #9E9E9E;
font-family: "Verdana","Arial", "Helvetica", "sans-serif";
}
.twitter3_title_icon {
width:30px;
float:left;
padding-top:3px;
}
.twitter3_title_account {
width:200px;
}
.twitter3_title_profile {
width:200px;
color:#808080;
font-size:10px;
}
.twitter3_inner ul#twitter3_update_list {
list-style-type:none;
margin:0;
padding:0;
}
.twitter3_inner ul#twitter3_update_list li {
padding-bottom:5px;
}


.twitter1_title a:link,
.twitter2_title_account a:link,
.twitter3_title a:link,
.twitter1_title a:visited,
.twitter2_title_account a:visited,
.twitter3_title a:visited,
.twitter1_title a:active,
.twitter2_title_account a:active,
.twitter3_title a:active { font-weight:bold; font-size:14px; text-decoration: underline; }
.twitter1_title a:hover,
.twitter2_title_account a:hover,
.twitter3_title a:hover { font-weight:bold; font-size:14px; text-decoration: none; }
.twitter1_inner a:link,
.twitter2_inner a:link,
.twitter3_inner a:link,
.twitter1_inner a:visited,
.twitter2_inner a:visited,
.twitter3_inner a:visited,
.twitter1_inner a:active,
.twitter2_inner a:active,
.twitter3_inner a:active { color:#2276BB; text-decoration: underline; }
.twitter1_inner a:hover,
.twitter2_inner a:hover,
.twitter3_inner a:hover { color:#2276BB; text-decoration: none; }