@charset "utf-8";
/*---------------------------------------------------------------------------
// main.css
//---------------------------------------------------------------------------
//      Copyright (C) 2010 Unique Corporation. All Rights Reserved.
//-------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------
    Basic
---------------------------------------------------------------------------*/
body {
	/* text */
	text-align: center;
	line-height: 16px;
	/* margin */
	margin: auto;
	/* font */
	font-family: Meiryo, "メイリオ", Osaka, sans-serif;
	color: #666666;
	font-size: 13px;
	}

img {
	border: 0px;
	}

a {
	/* text */
	text-decoration: none;
	/* font */
	color: #999999;
	}
a:hover {
	text-decoration: underline;
	}


/*---------------------------------------------------------------------------
    Wrapper
---------------------------------------------------------------------------*/
div#Wrapper {
	/* text */
	text-align: justify;
	/* box */
	width: 980px;
	/* margin */
	margin: auto;
	}


/*---------------------------------------------------------------------------
    Header
---------------------------------------------------------------------------*/
div#Header {
	/* margin */
	margin-top: 30px;
	/* padding */
	padding-bottom: 40px;
	}

/*
* Logo
*/
div#Logo {
	/* box */
	width: 456px;
	/* layout */
	float: left;
	}

/*
* HeaderNav
*/
div#HeaderNav {
	/* layout */
	float: right;
	/* box */
	width: 520px;
	}

/*
* HeaderArea
*/
div#HeaderArea {
	/* layout */
	clear: both;
	}


/*---------------------------------------------------------------------------
    Middle
---------------------------------------------------------------------------*/
div#Middle {
	}


/*---------------------------------------------------------------------------
    Sidebar
---------------------------------------------------------------------------*/
div#Sidebar {
	float: left;
	width: 240px;
	}


/*---------------------------------------------------------------------------
    Main
---------------------------------------------------------------------------*/
div#MainWrapper {
	float: right;
	width: 730px;
	border-left: dashed 1px #999999;
	}

div#Main {
	/* margin */
	margin-left: 30px;
	}


/*---------------------------------------------------------------------------
    Footer
---------------------------------------------------------------------------*/
div#Footer {
	/* text */
	line-height: 16px;
	/* margin */
	margin-top: 40px;
	/* border */
	border-top: 1px dashed #999999;
	/* padding */
	padding-top: 20px;
	}

/*
* anchor
*/
	div#Footer a {
		/* font */
		color: #666666;
		/* text */
		text-decoration: none;
		}
	div#Footer a:hover {
		/* font */
		color: #aaaaaa;
		/* text */
		text-decoration: underline;
		}

/*
* address
*/
div#Footer address {
	/* font */
	font-variant: small-caps;
	font-style: normal;
	}

/*
* User
*/
div#User {
	/* text */
	text-align: right;
	/* font */
	font-size: xx-small;
	}


/*---------------------------------------------------------------------------
    Classes
---------------------------------------------------------------------------*/
/*
* nav-header
*/
ul.nav-header {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	float: right;
	}
	ul.nav-header li {
		float: left;
		padding: 2px 0;
		margin: 0 0 0 16px;
		}
	ul.nav-header li.nav-selected {
		border: 1px solid #00a0c6;
		padding: 2px 8px;
		}
	ul.nav-header a:hover {
		color: #00a0c6;
		}
	ul.nav-header li.nav-selected a:hover {
		text-decoration: none;
		}

/*
* nav
*/
ul.nav {
	list-style: none;
	margin: 0 30px 0 0;
	padding: 0;
	width: auto;
	text-align: right;
	}
	ul.nav li {
		margin-bottom: 30px;
		padding-right: 10px;
		border-right: 16px solid #00a0c6;
		}
	ul.nav li.nav-selected a {
		color: #00a0c6;
		}


/*---------------------------------------------------------------------------
    End
---------------------------------------------------------------------------*/