@charset "utf-8";
/*
	Site Name: AIM
	Description: base template style
	Version: 0.9
	Author: HAGIWARA Mizuho & SHIKATA Satoru
*/

/*
===== CONTENTS ===========================================

	1: Grobal Navi
	2: Header
	3: Main Contents
	4: Sidebar
	5: Footer
	6: Heading
	7: List
	8: FontSize
	9: Margin
	10:misc

==========================================================
*/

/*forLayout*/
.clear {
    clear: both;
}
hr { display: none; }
/*
===== 1: Grobal Navi ==========================================
*/
#nav_g {
    float: left;
}
#nav_g ul {
    width: 990px;
    height: 55px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#nav_g li {
    margin: 0;
    padding: 0;
    display: inline;
}
#nav_g li a {
    display: block;
    height: 55px;
    float: left;
}
#nav_g li a span {
    display: none;
}
#nav_g a#navgLeft {
    width: 72px;
    background-image: url(../images/navg_left.gif);   
    clear: left; 
}
/*グローバルナビゲーション201107*/
#global_nav_top {
width:990px;
text-align:left;
position:relative;
}
ul#global_nav {
margin:0;
padding:0;
border:1px solid #CBCCCB;
border-width:0 1px 1px 0;
overflow:hidden;
zoom:1;
line-height:1;
}
#global_nav li {
float:left;
list-style:none outside none;
margin: 0;
padding:0;
}
#global_nav li a {
margin:0;
padding:0;
background:url(../images/20110701_gloval_nav.png) repeat-x 50% 0;
display:block;
height:19px;
width:94px;
overflow:hidden;
zoom:1;
text-indent:-9999px;
border-left:1px solid #cbcccb;
}

/* #ibc */
li#ibc a {
background:url(../images/20110701_gloval_nav.png) repeat-x 50% -60px;
width:194px;
border-top:1px solid #cbcccb;
height:18px;
}
li#ibc a:focus, li#ibc a:hover, li#ibc a:active {background-position:0 -90px;}

li#ibc a span {
background:url(../images/20110701_gloval_nav.png) no-repeat 0 -1px;
width:155px;
display:block;
height:18px;
overflow:hidden;
}
li#ibc a:focus span, li#ibc a:hover span, li#ibc a:active span {background-position:0 -31px;}

/* #findit */
li#findit a {background-position:50% -120px;}
li#findit a:focus, li#findit a:hover, li#findit a:active {background-position:50%  -150px;}

/* #itl */
li#itl a {background-position:50% -180px;}
li#itl a:focus, li#itl a:hover, li#itl a:active {background-position:50% -210px;}

/* #thinkit */
li#thinkit a {
background-position:50% -240px;
}
li#thinkit a:focus, li#thinkit a:hover, li#thinkit a:active {
background-position:50% -270px;
}

/* #webtan */
li#webtan a {
background-position:50% -300px;
width:120px;
}
li#webtan a:focus, li#webtan a:hover, li#webtan a:active {background-position:50% -330px;}

/* #idc */
li#idc a {
background-position:50% -360px;
width:145px;
}
li#idc a:focus, li#idc a:hover, li#idc a:active {background-position:50% -390px;}

/* #cloud-server */
li#cloud-server a {
background-position:50% -420px;
width:220px;
}
li#cloud-server a:focus, li#cloud-server a:hover, li#cloud-server a:active {background-position:50% -450px;}

/* #global_nav_misc_button */
li#global_nav_misc_button {
background:url(../images/20110701_gloval_nav.png) no-repeat 0 -480px;
width:20px;
height:18px;
text-indent:-9999px;
cursor:pointer;
border:1px solid #cbcccb;
border-width:1px 0 0 1px;
}
li#global_nav_misc_button:focus, li#global_nav_misc_button:hover {
background-position:0 -510px;
}

#global_nav_misc {
position:absolute;
z-index:1000;
right:-1px;
top:20px;
background:#fff;
border:1px solid #CDD4D4;
border-top:none;
padding:0 0 2px 5px;
}
#global_nav_misc ul {
margin:0;
padding:0;
overflow:hidden;
zoom:1;
}

#global_nav_misc ul li {
display:inline;
}

#global_nav_misc ul li a {
display:block;
background:url(../images/20110701_gloval_nav.png) no-repeat 0 -540px;
float:right;
font-size:0.8em;
line-height:1.4;
list-style-type:none;
margin:0;
padding:2px 1em 0 14px;
}
#global_nav_misc ul li a:focus, #global_nav_misc ul li a:hover {
background-position: 0 -570px;
}
#global_nav_misc span.ext {
display:none;
}

/*グローバルナビゲーション20140326*/
#top-menu {
font-size:16px;
padding:3px 0;
background: #666;
}
#top-menu div.block-title {
font-weight: normal;
font-size:60%;
color: #fff;
float: left;
margin-left:5px;
padding:4px 8px;
background:#000;
border-radius:6px;
}
#top-menu ul {
/*text-align:right;*/
letter-spacing:-.4em;
}
#top-menu li {
display: inline;
padding: 0 0 0 11px;
margin:0;
list-style:none;
letter-spacing:normal;
line-height:1em;
}
#top-menu li a {
color: #fff;
text-decoration: none;
/*font-size: 86%;*/
font-size:75%;
}
#top-menu #block-menu-menu-top-menu {
    padding:0;
}
#top-menu #block-menu-menu-top-menu .block-content {
margin-right: 10px;
}
.fixed-area {
margin-left: auto;
margin-right: auto;
}
#top-menu li a.white-highlight {
background: #fff;
color: #666;
padding: 10px 5px 2px 5px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
z-index: 0;
position: relative;
}
/*
===== 2: Header ==========================================
*/
#header {
    position: relative;
}
#logo {
    float: left;
    vertical-align: top;
}
#logo_lower {
    position: absolute;
    top: 47px;
    left: 0;
}
#header .banner {
    float: left;
    vertical-align: top;
    padding: 7px 0;
}

/* navigation */
#navigation {
    width: 950px;
    font-weight: bold;
    height: 26px;
    padding: 0 10px;
    margin-left: 10px;
    background-color: #444444;
}
#nav_l {
    width: 535px;
    float: left;
    margin-top: 5px;
}
#navigation .utility {
    width: 180px;
    float: right;
    margin-top: 3px;
}
#navigation .utility .about {
    float: left;
    text-align: right;
}
#navigation .utility .about a {
    color:white;
    font-size:80%;
}

#form1 {
    /*width: 160px;*/
    text-align: right;
    float:right;
    margin-left:4px;
}
#search_theme_form .textarea {
	padding: 1px;
	width: 120px;
	height: 16px;
}
#navigation .utility .form .button {
	padding: 1px;
	width: 40px;
	height: 16px;
}

/*
===== 3: Main Contents ==========================================
*/
#mainContents .column_l {
    clear: left;
    width: 298px;
    float: left;
}
#mainContents .column_r {
    width: 298px;
    float: right;
}
#mainContents .column_l h3,
#mainContents .column_r h3 {
    clear: left;
}
/* content */
/*.content h2 { 
  padding: 6px 6px;
  border-top: 1px #666 solid;
  border-left: 8px #00aaeb solid;
  margin: 8px 0;
 }
 .content h3 {
  padding: 3px 8px;
  border-left: 16px #00aaeb solid;
  margin: 8px 0;
 }*/
#mainContents h1.title { 
  z-index: 20;
  border-bottom: 3px #00aaeb solid;
  font-size: 136%;
  font-weight: bold;
  margin-bottom: 8px;
 }
.node h2 {
	margin-left: 0;
}
#main a {
	color: #009;
}
#main a:visited {
  color: #309;	
}
#main a:hover {
  color: #f00;
}
blockquote {
  padding: 10px;
  background-color: #ffe;	
}
dl {
  margin: 10px 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 10px;
  padding: 5px 0;
  border-bottom: 1px dashed #999;
}
/*
===== 4: Sidebar ==========================================
*/
#sideContents {
    margin: 10px;
}
/*
** ブロック
*/
.block, .box{
  border: 0;
  margin: 0;
}
.block h2.title {
  font-size: 100%;
  color: #fff;
  background-color: #666;
  padding: 6px;
  margin: 0;
}
.block .content {
  font-size: 92%;
  border: 0;
  padding: 0;
  margin: 0;
}
.block-menu .content ul {
  list-style: none;
  line-height: 14px; 
  margin: 0;
  padding: 0;
}
.block-menu .content li { 
  list-style: none;
  width: 160px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #fff;
  padding: 0;
  line-height: 14px;
}
.block-menu .content li a { 
  display: block;
  background: #ddd;
  padding: 3px;
  margin: 0;
}
.block-menu .content li a:hover {
  background-color: #00aaeb;
  color: #ffffff;
  text-decoration: none;
  line-height: 14px;
}
.block-menu .content li a:hover:after { 
  background-color: #00aaeb;
  color: #ffffff;
  content: "\00BB"
}
.block .title {
  margin: 0;
}
.box .title {
  font-size: 100%;
}



#side_r .banner {
    margin: 0 auto;
}

#side_r .rect {
    width: 300px;  
}

#side_r .square {
    width: 324px;
}

#side_r .square .left {
    float: left;
}

#side_r .square .right {
    float: right;
}

#sideContents .headingBg {
    clear: both;
    width: 324px;
    height: 21px;
    background: #777777 url(../images/heading_side.gif) no-repeat top left;
}

#sideContents .heading {
    color: #ffffff;
    font-weight: bold;
    padding: 2px 22px;
}

#sideContents .heading a {
    color: #ffffff;
}

#sideContents .box {
    background-color: #ffffff;
    padding: 8px;
    /*font-weight: bold;*/
}

#sideContents ul {
    margin-top: -8px;
}

#sideContents li {
/*
    display: block;
    margin-top: 8px;
    padding-left: 14px;
    border-bottom: solid 1px #bbbbbb;
    padding-bottom: 5px;
    background:url(../images/list_mark_s.gif) no-repeat top left;
*/
}

#sideContents ol {
    margin-top: -2px;
}

#sideContents .rank li {
    margin-top: 3px;
    padding-top: 3px;
    padding-left: 24px;
    padding-bottom: 7px;
}

#sideContents .rank .num1 {
    background:url(../images/num_1.gif) no-repeat top left;
}

#sideContents .rank .num2 {
    background:url(../images/num_2.gif) no-repeat top left;
}

#sideContents .rank .num3 {
    background:url(../images/num_3.gif) no-repeat top left;
}

#sideContents .rank .num4 {
    background:url(../images/num_4.gif) no-repeat top left;
}

#sideContents .rank .num5 {
    background:url(../images/num_5.gif) no-repeat top left;
}

#sideContents .rank .num6 {
    background:url(../images/num_6.gif) no-repeat top left;
}

#sideContents .rank .num7{
    background:url(../images/num_7.gif) no-repeat top left;
}

#sideContents .rank .num8 {
    background:url(../images/num_8.gif) no-repeat top left;
}

#sideContents .rank .num9 {
    background:url(../images/num_9.gif) no-repeat top left;
}

#sideContents .rank .num10 {
    background:url(../images/num_10.gif) no-repeat top left;
}

/*
===== 5: Footer ==========================================
*/

#footer .wrapper {
    width: 893px;
    float: left;
}
#footer .right {
    width: 97px;
    height: 88px;
    background: #d3d3d3 url(../images/footer_logo_impress.gif) no-repeat top left;
    text-indent: -9999px;
    float: left;
}
#footer .left {
    width: 97px;
    height: 88px;
    background: #d3d3d3 url(../images/footer_logo_ird.gif) no-repeat top left;
    text-indent: -9999px;
    float: left;
}
#footer .link {
    /*width: 756px;*/
    /*float: left;*/
    font-size: 92%;
    _font-size: 85%;
    line-height: 1.4em;
    padding: 10px 20px 0 20px;
}
#copyright {
    font-size: 85%;
    line-height: 2em;
}

/*
===== 6: Heading ==========================================
*/
/*#mainContents .headingBg h2 {
    color: #ffffff;
    font-weight: bold;
    margin-left: 22px;
    padding-top: 2px;
}

#mainContents .column_l .headingBg,
#mainContents .column_r .headingBg {
    width: 298px;
}
#mainContents h2 {
    color: #333;
    font-weight: bold;*/
    /*margin-left: 22px;*/
/*    padding-top: 2px;
}
#block-views-new_articles h2 {
    color: #ffffff;
    font-weight: bold;
    margin-left: 22px;
    padding-top: 2px;
}
#mainContents h2 a {
    color: #ffffff;
}
#block-views-new_articles h2 a {
    color: #ffffff;
}
#mainContents h3 {
    font-weight: bold;
    margin-top: 8px;
}*/

#mainContents h1 {
    font-size: 122%;
    padding: 5px 0 5px 5px;
    background-color: #d9e4f3;
    border-top: solid 2px #3c74c1;
    border-bottom: solid 2px #3c74c1; 
    font-weight: bold;   
}
#mainContents h2 {
    clear: left;
    font-size: 114%;
    padding-left: 2px;
    margin: 13px 0;
    border-bottom: solid 2px #3c74c1;     
    font-weight: bold;
}
#mainContents h2.title a {
	color: #333;
}
#mainContents h3 {
    font-size: 107%;
    padding-left: 2px;
    margin: 13px 0 9px;
    border-bottom: solid 1px #3c74c1;     
    font-weight: bold;
}
#mainContents h4 {
    font-size: 107%;
    padding-left: 2px;
    margin: 13px 0 0 0;
    font-weight: bold;
}

#mainContents p {
    margin: 1em 0;
    color: #333333;
    line-height: 1.8em;
}
/*
#mainContents ul li {
	list-style-type: square;
	margin-left: 20px;
}
*/
#mainContents ul li ul li {
	list-style-type: disc;
	margin-left: 20px;
}
#mainContents ol li {
	list-style-type: decimal;
	margin-left: 20px;
}
#mainContents .note {
    color: #777777;
    margin-top: 4px;
}
#mainContents .heading .note,
#mainContents li .note {
    margin-left: 12px;
}
#side_r .column .imageBlock {
    font-size: 77%;
}

/*
===== 7: List ==========================================
*/
ul {
    margin-top: 12px;
}

li {
/*
    font-weight: bold;
    display: block;
    margin-top: 0.8em;
    padding-left: 14px;
    background:url(../images/list_mark_m.gif) no-repeat top left;
*/
}

#mainContents .heading .note,
li .note {
	font-weight: normal;
}

/*
===== 8: FontSize ==========================================
*/
.nav_l {
	font-size: 85%;
}

.utility {
	font-size: 77%;
	font-weight: bold;
	color:#ddd;
}

/*#mainContents p {
	font-size: 100%;
	margin: 8px 0;
}*/

h3 {
	font-size: 107%;
}

h4 {
    font-size: 107%;
}

.column_top h3 {
	font-size: 122%;
}

#mainContents .note{
	font-size: 77%;
}



/*
===== 9: Margin ==========================================
*/
#mainContents .column_top {
    margin-top: 10px;
}

.column {
	margin-bottom: 15px;
}

#side_r .banner {
	margin-bottom: 10px;
}


/* 
===== 10: misc ==========================================
*/

#mainContents .imageBlock {
    clear: both;
    margin-top: 8px;
}

#sideContents .imageBlock {
    clear: both;
    margin-top: 8px;
}

#mainContents .imageBlock .left {
	float: left;
	margin: 0 20px 20px 0;
}
.imageBlock .left img {
	display: block;
	margin: 0 0 2px 0;
	_margin-top: -1em;
}

#mainContents .column_l .imageBlock .left,
#mainContents .column_r .imageBlock .left,
#sideContents .column .imageBlock .left {
	float: left;
	margin: 0 10px 10px 0;
}

#sideContents .column .imageBlock {
    clear: left;
	padding-bottom: 10px;
	border-bottom: solid 1px #bbbbbb;
}


.imageBlock .right {
	float: right;
	margin: 0 0 0.77em 5px;
}
.imageBlock .right img {
	display: block;
	margin: 0 0 2px 0;
	_margin-top: -1em;
}

.imageBlock .left .caption,
.imageBlock .right .caption {
    display: block;
    width: 240px;
	margin: 0.24em 0 0;
	padding: 0;
	color: #4d4d4d;
	html*color: #ff0000;
	text-align: left;
}

/* trackback module */
#trackbackurl {
	background-color: #666;
	padding: 4px;
	height: 24px;
}
#trackbackurl h2.title {
	margin:0;
	padding:0;
	margin-left: 6px;
	color: #fff;
	font-size: 100%;
	margin-right:10px;
	display: block;
	float: left;
}
#trackbackurl .content {
	background-color: #fff;
	color: #333;
	padding:4px;
	float: right;
	text-align: right;
	width: 350px;
	font-size: 92%;
}

/* pager */

#pager {
	padding: 3px;
	margin: 3px;
	text-align:center;
}
#pager a {
	border: 1px solid #dedfde;
	margin-right:3px;
	padding:2px 6px;
	background-position:bottom;
	text-decoration: none;
	color: #0061de;		
}
#pager a:hover, div.meneame a:active {
	border: 1px solid #000;
	background-image:none;
	background-color:#0061de;
	color: #fff;
}
#pager .pager-current {
	margin-right:3px;
	padding:2px 6px;
	font-weight: bold;
	color: #ff0084;
}
#pager .pager-disabled {
	margin-right:3px;
	padding:2px 6px;	
	color: #adaaad;
}