@charset "UTF-8";

/* -------------------------------------------
* Filename: layout.css
* Version: x.x.x (2009-10-xx)
* Website: http://www.ariel-networks.com/whatsnew/
* Author: Airel Networks, Inc.
* Description: common style for Ariel News Blog

== STRUCTURE: ==============================
* Page width: 950 px
* Number of columns: 3
============================================

== CONTENTS: ===============================

	01: global settings
	02: global page layout
	03: banner
	04: footer
	05: sidebar
		: module
		: sidebar
	10: all static
	15: columns
		: two columns RIGHT
		: ***two columns LEFT
		: one column
	19: content header
	20: content
		: inquiry
	99: hack

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

/*--- CSS: MT Base ---*/

 /* MT Base Weblog (mt-base.css) for YUI*/

/* basic elements */
a { text-decoration: underline; }

h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
}


/* standard helper classes */

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */

body { text-align: center; } /* center on ie */
body {
	background: url("../images/corporate/bg_body.gif") repeat-x;
}

#container {
    position: relative;
    margin: 0 auto; /* center on everything else */
    width: 720px;
    text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
    position: static;
}


/* banner user/photo */

.banner-user {
    float: left;
    overflow: hidden;
    width: 64px;
    margin: 0 15px 0 0;
    border: 0;
    padding: 0;
    text-align: center;
}

.banner-user-photo {
    display: block;
    margin: 0 0 2px 0;
    border: 0;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none !important;
}

.banner-user-photo img {
    width: 64px;
    height: auto;
    margin: 0;
    padding: 0;
}


/* content */

.content-nav {
    margin: 10px;
    text-align: center;
}

.date-header,
.entry-content {
    position: static;
    clear: both;
}

.entry,
.trackbacks,
.comments,
.archive {
    position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
    clear: both;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
    clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
    clear: both;
    margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 240px;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

.comments-open-header {
    clear: both;
}

#comment-post {
    font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail {
    float: left;
    width: 115px;
    margin: 0 10px 10px 0;
}

.image-thumbnail img {
    width: 115px;
    height: 115px;
    margin: 0 0 2px 0;
}


/* modules */

.module {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.module-content {
    position: relative;
    margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.module-list-item {
    margin-top: 5px;
    margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table {
    border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td {
    width: 14%;
    text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item {
    display: block;
    clear: both;
    margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail {
    float: left;
    min-width: 60px;
    width: 60px;
    /* no ie mac \*/width: auto;/* */
    margin: 0 5px 0 0;
    text-align: center;
    vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description {
    margin: 0;
    padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content {
    margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list {
    display: block;
    height: 1%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item {
    display: block;
    float: left;
    /* ie win fix \*/ height: 1%; /**/
    margin: 0;
    border: 0;
    padding: 0;
}

.module-recent-photos .module-list-item a {
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
}

.module-recent-photos .module-list-item img {
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}


/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td {
    width: 14%;
    height: 75px;
    text-align: left;
    vertical-align: top;
}

.day-photo {
    width: 54px;
    height: 54px;
}

.day-photo a {
    display: block;
}

.day-photo a img {
    width: 50px;
    height: 50px;
}





/*--- CSS: Corporate Base---*/
 /*
=========================================
	01: global settings (base.css for corporate )
=========================================*/
html {
	overflow-y: scroll;
	}
body {
	color: #555555;
	background: url("../images/corporate/bg_body.gif") repeat-x;
	font-family: Verdana, Arial, Helvetica, "Hiragino Kaku Gothic Pro",  "ヒラギノ角ゴ Pro W3", Osaka, "Meiryo", "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
/*	*font-size: 81.25%;*/
	}
	
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*17px via YUI Fonts CSS foundation*/
	font-size: 131%;  
	}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size: 123.1%; 
	}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size: 108%;  
	}
h4 {
	/*13px via YUI Fonts CSS foundation*/
	font-size: 100%;  
	}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin: 1em 0;
	}
h4 {
	/* top & bottom margin based on font size */
	margin: 1.5em 0 0;
	}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight: bold; 
	}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom: 1px dotted #000000;
	cursor: help;
	} 
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin: 1em 0;
	}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
	}
ul li {
	list-style-position: outside;
	}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left: 1em;
	}
th,td {
	/*borders and padding to make the table readable*/
	padding: .5em;
	}
th {
	/*distinguishing table headers from data cells*/
	font-weight: bold;
	}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom: .5em;
	}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
	}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea {
	width:12.25em;
	*width:11.9em;
	}

a:link, a:visited, a:active {
	border-bottom: #446699 1px dotted ;
	/*color: #335588;*/
color: #003366;
	/*color: #0A6380;*/
	text-decoration: none;
	}
a:hover {
	border-bottom: #df6404 1px solid ;
	color: #df6404;
	}
a:link, a:hover, a:focus, a:active {
	outline: none;
	} 





*:first-child+html .pkg { /* for IE7*/
	height: auto;
	zoom: 1;
	}


/*
=========================================
	01: global settings
=========================================*/
.caution {
	color: #cc0000;
	}
.note-caution {
	margin-top: 0.5em;
	padding-left: 12px;
	clear: both;
	color: #cc0000;
	background: url("../images/bullet_caution.gif") no-repeat left 0.5em; 
	font-size: 93%; 
	}
.note {
	margin-top: 0.5em;
	padding-left: 12px;
	clear: both;
	color: #666666;
	background: url("../images/bullet_note.gif") no-repeat left 0.5em; 
	font-size: 93%; 
	}


/*===== PageBack =====*/
.pageback a {
	border: 0 !important;
	}
.pageback {
	margin-top: 1.5em;
	}

/*===== Page Forward =====*/
.forward h3 {
	margin-bottom: 0.25em !important;
	}
.forward h3 span {
	margin-left: 0.5em;
	font-weight: normal;
	font-size: 85%;
	}
.forward-text {
	font-size: 93%;
	}

/*===== Page Previous | Next =====*/
#page-move {
	font-size: 93%;
	text-align: center; 
	margin-top:1em;
	}
#page-move .next,
#page-move .last {
	padding-right: 12px;
	}
#page-move .previous,
#page-move .first {
	padding-left: 12px;
	}
#page-move .first {
	color: #666666;
	background: #ffffff url("../images/page_first.gif") no-repeat left center;
	}
#page-move .previous {
	background: #ffffff url("../images/page_forward.gif") no-repeat left center;
	}
#page-move .next {
	background:#ffffff url("../images/page_next.gif") no-repeat right center;
	}
#page-move .last {
	color: #666666;
	background:#ffffff url("../images/page_last.gif") no-repeat right center;
	}


/*
=========================================
	02: global page layout
=========================================*/
#container {
	width: 930px;
	min-height: 600px;
	background: url("../images/corporate/bg_pagebody.gif") no-repeat 0 0;	
	}
#container-inner {
	margin: 0 auto;
	padding-bottom: 20px;
	}
#pagebody-inner {
	padding: 0 54px;
	}


/*
=========================================
	03: banner
=========================================*/
#banner {
	position: relative;
	width: 930px;
	height: 74px;
	background: url("../images/corporate/bg_banner.gif") no-repeat 0 0;
	}
#banner-inner {
	margin: 0 auto;
	padding: 0 54px;
	}
#banner-header {
	margin: 0;
	padding-top: 4px;
	color: #333333;
	}
#banner-header a:link, #banner-header a:visited {
	border: 0 !important;
	color: #333333;
	text-decoration: none;
	}
#banner-header a:hover {
	border: 0 !important;
	color: #999999;
	}
#banner-header img {
	margin-left: 5px;
	}
#banner-description {
	display: none;
	}


/*
=========================================
	04: footer
=========================================*/
#footer {
	width: 930px;
	line-height: 1.25;
	font-size: 77%;
	}
#footer-inner {
	padding: 40px 54px 0;
	}
.footer-logo {
	float: left;
	width: 70px;
	}
.footer-logo a {
	border: 0 !important;
	}
.footer-menu {
	float: left;
	width: 642px;
	}	
.footer-menu .menu span {
	display: inline-block;
	padding-right: 4px;
	}
.footer-menu .corporate,
.footer-menu .recruit,
.footer-menu .sitemap,
.footer-menu .contact {
	border-right: #cccccc 1px solid;
	}
.footer-menu .menu span a {
	padding: 0 4px;
	display: inline-block;
	}

.pagetop {
	float: left;
	width: 110px;
	}
.copyright {
	padding: 0.25em 4px 1em;
	}
	
#footer .note {
	display: none;
	}


/*
=========================================
	05: sidebar
=========================================*/
/*
-----------------------------------------------
	: module
-----------------------------------------------*/
.module {
	padding-bottom: 10px;
	}
* html .module { /* for IE6 */
	width: 200px; 
	}

.module-content {
	margin: 0 0 0 2px;
	}
*:first-child+html .module-content { /* for IE7 */
	width: 198px;
	}

.module-list {
	border-width: 0 1px;
	border-color: #cccccc;
	border-style: solid;
	background-color: #ffffff;
	}
.module-list li {
	border-bottom: 1px #cccccc solid;
        list-style-type:none;
	}
.module-list-item {
	margin: 0;
	padding: 0;
	}

.module-list a {
	border: 0 !important;
	display: block;
	width: 200px;
	height: 2.2em;
	line-height: 2em;
	color: #222222 !important;
	background: url("../images/corporate/sidebar_bread.gif") no-repeat 9px center;
	text-indent: 24px;
	text-decoration: none;
	}
* html .module-list a { /* for IE6 */
	width: 196px; 
	}

.module-list a:hover {
	color: #ffffff !important;
	background: #ff8800 url("../images/corporate/sidebar_bread_hover.gif") no-repeat 9px center;
	}

.module-list-item .module-list-item a {
	text-indent: 36px;
	background: url("../images/bullet04.gif") no-repeat 20px center !important;
	}
.module-list-item .module-list-item a:hover {
	background-color: #ff8800 !important;
	}
.module-list-item ul {
	margin: 0;
	}
.module-list-item ul li {
	border: 0;
	}

/*
-----------------------------------------------
	: sidebar
-----------------------------------------------*/
#sidebar-banner {
	width: 200px;
	}
#sidebar-banner ul {
	margin: 0;
	}


/*
=========================================
	10: all static
=========================================*/
#banner, #pagebody, #alpha, #beta, #gamma, #delta, .module, .module-content, #pagebody-inner, .pkg, #container-inner {
	position: static;
	width: auto;
	}


/*
=========================================
	15: columns
=========================================*/
/*
-----------------------------------------------
	: two columns RIGHT
-----------------------------------------------*/
.layout-two-column-right #alpha {
	float: left;
	width: 620px;
	}
.layout-two-column-right #alpha-inner {
	margin: 0;
	}
.layout-two-column-right #beta {
	float: right;
	width: 200px;
	}
.layout-two-column-right #container-inner {
	background: url("../images/corporate/bg_sidebar_gray.gif") repeat-y right top;
	}
.layout-two-column-right #footer {
	background: url("../images/corporate/bg_footer_right_gray.gif") no-repeat;
	}

/*
-----------------------------------------------
	: ***two columns LEFT
-----------------------------------------------
.layout-two-column-left #alpha {
	float: left;
	width: 200px;
	}
.layout-two-column-left #beta {
	float: right;
	width: 620px;
	}
.layout-two-column-left #beta-inner {
	margin: 0;
	}
.layout-two-column-left #container-inner {
	background-position: left top;
	}
.layout-two-column-left #footer {
	background: url("../images/corporate/bg_footer_left.gif") no-repeat;
	}
*/

/*
-----------------------------------------------
	: one column
-----------------------------------------------*/
.layout-one-column #alpha {
	width: 820px;
	}
.layout-one-column #container-inner {
	background-image: none !important;
	}
.layout-one-column #footer {
	background: url("../images/corporate/bg_footer.gif") no-repeat;
	}


/*
=========================================
	19: content header
=========================================*/
#content-header h1 {
	margin: 0;
	color: #333333;
	}
.topicpath {
	display: none;
	}


/*
=========================================
	20: content
=========================================*/
#content {
	padding: 0 20px;
	}
#content h2 {
	margin-bottom: 1.5em;
	padding: 5px 10px;
	border-left: 5px solid #666666;
	color: #444444;
	}
#content h3 {
	padding-left: 18px;
	background: url("../images/bullet01_off.gif") no-repeat left center;
	color: #222222;
	}
#content h4 {
	color: #444444;
	}
#content .section {
	padding-bottom: 1.5em;
	}
#content .section-inner {
	line-height: 1.6;
	font-size:93%;
	}
#content dl {
	margin-top: 1em;
	}
#content dd {
	margin: 0.25em 0 1em;
	}

/*===== ask =====*/
.thanks h2 {
	margin: 1.5em 0 0;
	font-size: 108%;
	}
.thanks .section {
	min-height: 300px;
	font-size: 100%;
	}

/*
-----------------------------------------------
	: inquiry
-----------------------------------------------*/
#content .inquiry {
	margin-top: 40px;
	padding: 10px 10px 0;
	border-top: #eeeeee 2px solid;
	}
#content .inquiry-title {
	margin-top: 5px;
	color: #3366cc;
	font-weight: bold;
	text-align: left;
	}
#content .inquiry-msg {
	margin: 0.5em 0 0.75em;
	font-size: 85%;
	text-align: left;
	}
#content .inquiry a {
	border:  none;
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	}
#content .inquiry a img {
	padding: 0;
	}
#content .inquiry .mailnews {
	padding: 0 0 5px 20px;
	border-left: #eeeeee 1px solid;
	float: right;
	width: 180px;
	}


/*
=========================================
	99: hack
=========================================*/	
/* Backslash hack for Mac IE5 only¥*//*/

/* end hack */