@charset "UTF-8";

/* ---------------------------------------------------------------------------
 *  common
 * ---------------------------------------------------------------------------- */
	/**
	 * link
	 */
	a {
		text-decoration: none;
		color: #0184fe;
	}
	a:hover {
		text-decoration: underline;
	}
/*
	a:visited {
		color: #65b3fc;
	}
*/	
	img {
		border: 0;
	}
	img.inline {
		margin: 0 3px 0 3px;
		vertical-align: middle;
	}
	span.sup {
		vertical-align: super;
		font-size: 50%;
	}

	/**
	 * language
	 */
	.jpcontent {
		font-family: 'Lucida Grande', 'Verdana', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'ＭＳ Pゴシック', 'MS PGothic', sans-serif;
	}
	.jptitle{
		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'ＭＳ Pゴシック', 'MS PGothic', sans-serif;
		font-size: 80%;
	}
	.encontent {
		font-family: "proxima-nova", 'Lucida Grande', 'Verdana', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	}
	.entitle{
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', 'Verdana', sans-serif;
		letter-spacing: 0.03em;
	}
	.encatch {
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', 'Verdana', sans-serif;
		letter-spacing: 0.05em;
	}
	/* line */
	div.hr {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 2px;
		font-size: 0;
	}
	/* page top */
	#pagetop {
		margin: 8px 0px 26px 540px;
	}
	#pagetopWide {
		margin: 8px 0px 26px 840px;
	}

	#pagetop img {
		border-radius: 2px;
 		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-box-shadow:0px 0px 3px #cccccc;
 		-webkit-box-shadow:0px 0px 3px #cccccc;
	}

	a:hover img.ro {
		opacity: 0.9;
	}


	p.topInfo {
		color: #ffffff;
		text-align: center;
		font-size: 16px;
	}




/* ---------------------------------------------------------------------------
 *  common structure
 * ---------------------------------------------------------------------------- */

 	html {
 		height: 100%;
 	}

	body {
		height: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		/*background: #dcdcdc;*/
		background: url(/images/phonegrafer/top_bg.jpg) center center / cover no-repeat fixed #000000;
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	}
	
	#wrapper {
		width: 960px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		background: #f7f7f7;
		color: #000000;
		font-size: 14px;
		-moz-box-shadow:0px 0px 1px #cccccc;
 		-webkit-box-shadow:0px 0px 1px #cccccc;
	}
	header {
		width: 892px;
		height: 32px;
		margin: 0;
		padding: 50px 34px 44px 34px;
		background: #000000;
	}
	#fwa {
		width: 100%;
		height: 68px;
		margin: 0 auto;
		padding: 0;
		z-index: 1;
		position: absolute;
		text-align: right;
	}


	/* \*/
	* html header {
		width: 960px;
		height: 125px;
	}
	/* */
	
	h1 {
		width: 235px;
		height: 32px;
		float: left;
		margin: 0;
		padding: 0;
	}
	#catch {
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'ＭＳ Pゴシック', 'MS PGothic', sans-serif;
		font-size: 12px;
		color: #ffffff;
		margin: 5px 0 0 0;
		padding: 0;
		width: 657px;
		height: 27px;
		float: right;
		text-align: right;
		display : inline; /* IE */
	}
	
	#catch span.appname {
		font-size: 14px;
	}
	
/* ---------------------------------------------------------------------------
 *  top page
 * ---------------------------------------------------------------------------- */	
 	#wrapperTop {
 		position: relative;
		width: 100%;
		height: auto !important;    
    	height: 100%;
    	min-height: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		background: transparent;
		color: #000000;
		font-size: 12px;
	}
	#contentTop {
 		padding-bottom: 160px;
	}
	#headerTop {
		width: 100%;
		height: 100px;
		margin: 0;
		padding: 0;
		background: transparent;
	}

	#headerTop h1 {
		width: 235px;
		height: 32px;
		margin: 0;
		padding: 50px 0 0 64px;
	}

	#topimage {
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 50px 0 0 0;
	}

	#screenshot {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 380px;
		height: 680px;
	}

	#mainContent {
		position: absolute;
	    bottom: 0;
	    width: 100%;
	    height: 160px;
		margin: 0;
		padding: 20px 0 0 0;
		background: -moz-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50% );
		background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0.3, rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 1)) );
	}

	#message {
		text-align: center;
		margin: 0;
		padding: 0;
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		color: #ffffff;
		font-size: 12px;
		line-height: 200%;
	}
	#message p {
		display: inline-block;
		margin: 0;
		padding: 10px;
		color: #ffffff;
		background: transparent;
    	font-size: 16px;
    	line-height: 150%;
	}

	#logo {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	a.footerlogo img {
		margin: 20px 0 0 12px;
	}


	/**
	 * top menu 
	 */
	#topmenu ul {
		font-size: 14px;
		margin: 10px 0 0 0px;
		padding: 0 0 0 0;
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	}
	#topmenu ul li {
		list-style-image: none;
		display: inline;
		padding: 0 11px 0 11px;
	}
	#topmenu ul li a {
		color: #ffffff;
	}
	#topmenu span.langjp {
		color: #acacac;
	}
	#topmenu span.langjpNow {
		color: #ffffff;
	}
	#topmenu span.langen {
		color: #acacac;
	}
	#topmenu span.langenNow {
		color: #ffffff;
	}
	#topmenu span.slash {
		color: #acacac;
	}

/* ---------------------------------------------------------------------------
 *  menu
 * ---------------------------------------------------------------------------- */	

	/**
	 * page menu 
	 */
	#pagemenu {
		font-size: 116%;
		margin: 0;
		padding: 8px 25px 5px 35px;
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		background: -moz-linear-gradient(top, #f8f8f8, #ebebeb);
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 253, 253, 0.5)), to(rgba(229, 229, 229, 0.5)));
	}
	#pagemenu li {
		list-style-image: none;
		display: inline;
		padding: 0 45px 0 0;
	}
	#pagemenu li a {
		color: #404040;
		-moz-text-shadow:0px 1px 0px #ffffff;
 		text-shadow:0px 1px 0px #ffffff;
	}
	span.langjp {
		font-size: 90%;
		color: #acacac;
	}
	span.langjpNow {
		font-size: 90%;
		color: #000000;
	}
	span.langen {
		font-size: 90%;
		color: #acacac;
	}
	span.langenNow {
		font-size: 90%;
		color: #000000;
	}
	span.slash {
		font-size: 90%;
		color: #acacac;
	}

	
	#apps {
		background:#f2f2f2;
		border-top: 3px solid #f7f7f7;
		text-align: center;
		margin: 0;
		padding: 40px 0 40px 0;
	}

	#apps a img {
		
		-moz-box-shadow:0px 0px 3px #cccccc;
 		-webkit-box-shadow:0px 0px 3px #cccccc;
		margin: 0 5px;
	}

/* ---------------------------------------------------------------------------
 *  information, support
 * ---------------------------------------------------------------------------- */
	#container {
		background: url(/images/phonegrafer/mainimage_about.jpg) no-repeat;
	}
	
	#content {
		width: 630px;
		font-size: 100%;
		float: left;
		margin: 0;
		padding: 0;
	}
	#contentContainer {
		padding: 0 0 100px 30px;
	}
	
	/* \*/
	* html #content {
		width: 630px;
	}
	/* */
	#sidebar {
		width: 330px;
		font-size: 100%;
		float: right;
		margin: 0;
		padding: 0;
	}
	
	#sidebarContainer {
		padding: 300px 30px 100px 50px;
	}
	
	/* */
	.both {
		clear: both;
	}
	.clear {
		clear: both;
	}

	h2.pagetop {
		margin: 55px 0 160px 6px;
		padding: 0;
		font-weight: normal;
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		color: #646464;
		font-size: 280%;
		letter-spacing: 0.02em;
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);  
	}
	
	/**
	 * content
	 */
	article.post {
		background: #fdfdfd;
		background-color: rgba(253, 253, 253, 0.92);
		padding: 13px;
		line-height: 200%;
		margin: 30px 0 0 0;
		border-radius: 5px;
 		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow:0px 0px 3px #cccccc;
 		-webkit-box-shadow:0px 0px 3px #cccccc;
	}
	
	h1.postTitle {
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-size: 150%;
		font-weight: bold;
		line-height: 100%;
		margin: 1em 0 2em 0;
		padding: 0 7px 0 7px;
		width: 100%;
		height: auto;
		float: none;
	}
	h1.postTitle a {
		color: #3e3e3e;
	}
	h1.postTitle a:visited {
		color: #3e3e3e;
	}
	h1.postTitleS { /* for single page */
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-size: 150%;
		font-weight: bold;
		line-height: 100%;
		margin: 0 0 2em 0;
		padding: 1em 7px 0 7px;
		clear: both;
		width: 100%;
		height: auto;
		float: none;
	}
	h1.postTitleS a {
		color: #3e3e3e;
	}
	h1.postTitleS a:visited {
		color: #3e3e3e;
	}
	
	h1.supportTitle {
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-size: 120%;
		font-weight: bold;
		line-height: 100%;
		margin: 1em 0 2em 0;
		padding: 0;
		width: 100%;
		height: auto;
		float: none;
	}
	
	
	/**
	 * date
	 */
	div.postDate {
		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-size: 120%;
		font-weight: bold;
		color: #d173a1;
		line-height: 100%;
		padding: 7px 7px 0 7px;
	}
	div.postDateSingle {
		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-size: 120%;
		font-weight: bold;
		color: #d173a1;
		line-height: 100%;
		padding: 7px 7px 0 7px;
		float: left;
	}
	/**
	 * category title
	 */
	div.postCatSingle {
		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-size: 120%;
		font-weight: normal;
		line-height: 100%;
		padding: 7px 7px 0 7px;
		float: right;
		text-align:right;
	}
	div.postCatSingle a {
		color: #5c5c5c;
		text-decoration: underline;
	}
	div.postCatSingle a:hover {
		color: #acacac;
	}
	
	div.postMain {
		font-size: 110%;
		color: #303030;
		padding: 0 7px 4px 7px;
	}
	
	div.postFoot {
		margin: 36px 0 0 0;
		text-align: left;
		padding: 0 7px 0 7px;
	}
	
/* ---------------------------------------------------------------------------
 *  support
 * ---------------------------------------------------------------------------- */	
	div.wpcf7 {
		width: 540px;
	}

	div.wpcf7 table {
		margin: 10px 0 30px 0px;
		padding: 0;
	}

	div.wpcf7 table tr td {
		vertical-align: top;
		padding: 2px 30px 2px 0;
		width: 350px;
	}
	div.wpcf7 table tr td.lb {

		width: 540px;
		padding: 20px 0 0 0;
	}
	div.wpcf7 table tr td.foot {
		width: 540px;
		text-align: center;
	}
	#cf7capt, #cf7text, #cf7mail, #cf7name {
		border: 1px solid #a6a6a6;
		background: url(/images/formgrad.gif) repeat-x #ffffff;
		padding: 3px;
	}
	#cf7text, #cf7mail, #cf7name {
		width: 550px;
	}
	select {
		width: 350px;
	}
	.wpcf7-submit {
		margin-top: 30px;
		font-size: 120%;
	}
	.required {
		font-size: 70%;
		color: #999999;
	}
	.wpcf7-response-output {
		font-weight: bold;
		color: #ff6600;
	}


	.wpcf7-form-control-wrap input {
		vertical-align: top;
		width: 100px;
	}
	.wpcf7-not-valid-tip-no-ajax {
		color: #ff6600;
		font-weight: bold;
		font-size: 95%;
		display: block;
		white-space: nowrap;
		width: 540px;
		vertical-align: top;
	}



/* ---------------------------------------------------------------------------
 *  about
 * ---------------------------------------------------------------------------- */
	#containerWide {
	}
	#widePageHead {
		width: 960px;
		height: 306px;
		margin: 0 0 20px 0;
		background: url(/images/phonegrafer/mainimage_about.jpg) no-repeat;
	}

	h2.pagetopAbout {
		margin: 55px 0 0 36px;
		padding: 0;
		font-weight: normal;
		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		color: #646464;
		font-size: 280%;
		letter-spacing: 0.02em;
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);  
	}

	#contentWide {
		width: 910px;
		font-size: 100%;
		margin: 0 25px 50px 25px;
		padding: 0;
		line-height: 175%;
	}

	.odd{
	    background:#444444;
	}
	.even {
	    background:#F2F2F2;
	}







	div.subtitle {
		clear: both;
		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-size: 100%;
		font-weight: normal;
		font-style: italic;
		color: #d173a1;
		line-height: 125%;
		margin: 0;
		padding: 0;
	}
	h1.topictitle {
		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'ＭＳ Pゴシック', 'MS PGothic', sans-serif;
		font-size: 120%;
		font-weight: bold;
		line-height: 100%;
		margin: 0.5em 0 1em 0;
		padding: 0;
		color: #222222;
		width: 100%;
		height: auto;
		float: none;
	}
	h1.topictitleEn {
		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-size: 140%;
		font-weight: bold;
		line-height: 100%;
		margin: 0.5em 0 1em 0;
		padding: 0;
		color: #222222;
		width: 100%;
		height: auto;
		float: none;
	}
	h1.topictitleEnColored {
		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-size: 140%;
		font-weight: bold;
		line-height: 100%;
		margin: 0.5em 0 1em 0;
		padding: 0;
		color: #d173a1;
		width: 100%;
		height: auto;
		float: none;
	}

	p.wide {
		font-size: 100%;
		color: #303030;
		margin: 0;
		padding: 0 0 2em 0;
	}

	table.screen {
		margin: 0;
		padding: 0;
		border-collapse: collapse;
		border: 0;
	}
	table.screen tr td {
		margin: 0;
		padding: 0;
		vertical-align: top;
	}
	table.screen tr td img {
		margin-right: 10px;
	}

	#containerAbout {
		background: url(/images/phonegrafer/mainimage_about.jpg) no-repeat;
	}
	#contentAboutContainer {
		padding: 0 0 50px 30px;
	}
	#contentVideoContainer {
		padding: 0 0 0 30px;
	}
	nav.topicPath {
		margin: 55px 0 190px 0px;
		padding: 0;
		font-weight: normal;
		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-size: 90%;
		letter-spacing: 0.02em;
	}

	h2.aboutTitle {
		font-size: 180%;
		font-weight: bold;
		line-height: 100%;
		margin: 1em 0 2em 0;
		padding: 0;
		color: #646464;
	}
	h2.videoTitle {
		font-size: 240%;
		font-weight: normal;
		line-height: 100%;
		margin: 0.5em 0 1.5em 0;
		padding: 0;
		color: #646464;
	}

	nav.topicPath span {
		padding: 5px 10px 5px 10px;
		background: #fdfdfd;
		background-color: rgba(253, 253, 253, 0.92);
		border-radius: 5px;
 		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	nav.topicPath span {
		color: #5c5c5c;
	}
	nav.topicPath span a {
		color: #5c5c5c;
	}
	nav.topicPath span a:hover {
		color: #999999;
	}
	div.postAbout {
		padding: 20px;
		line-height: 175%;
		background: #fdfdfd;
		background-color: rgba(253, 253, 253, 0.92);
		border-radius: 5px;
 		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}


	div.about {
		margin: 0 0 30px 0;
		padding: 0;
		font-size: 96%;
		line-height: 160%;
	}

	h4 {
		font-size: 108%;
		font-weight: bold;
		line-height: 200%;
		margin: 0;
		padding: 0;
		color: #222222;
		display: inline;
	}
	img.leftImage {
		vertical-align: top;
		margin: 0 10px 10px 0;
		float: left;
	}
	img.center {
		margin: 0 0 0.5em 0;
	}

	.videos {
		margin: 0 0 20px 104px;
	}
	embed {
		margin: 0 0 20px 104px;
	}


	span.red {
		font-weight: normal;
		color: #ff0000;
		font-size: 90%;
	}






/* ---------------------------------------------------------------------------
 * sidebar
 * ---------------------------------------------------------------------------- */
	div.sidebarMenu {
		margin: 0 0 3em 0;
	}
	
	h1.sidebarTitle {
		margin: 0 0 0.5em 0;
		padding: 0;
		color: #303030;
		font-weight: bold;
		font-size: 120%;
		width: 100%;
		height: auto;
		float: none;
	}
	
	ul.sideBarMenu {
		margin: 0;
		padding: 0;
		list-style-type: none;
		line-height: 175%;
	}
	ul.sideBarMenu li {
		margin: 0;
		padding: 0 0 5px 10px;
		background: url(/images/phonegrafer/list.gif) left 0.5em no-repeat;
		line-height:150%;
	}
	ul.sideBarMenu li a {
		color: #5c5c5c;
	}
	ul.sideBarMenu li a:visited {
		color: #9c9c9c;
	}
	
	div.sidebarBanner {
		margin: 0 0 20px 0;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-box-shadow:0px 0px 3px #cccccc;
		-webkit-box-shadow:0px 0px 3px #cccccc;
	}
	

/* ---------------------------------------------------------------------------
 * post navigations
 * ---------------------------------------------------------------------------- */
	/**
	 * single page
	 */
	nav.postNavigation {
		margin: 8px 0 1em 0;
		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-size: 90%;
		background: #fdfdfd;
		background-color: rgba(253, 253, 253, 0.92);
		border-radius: 5px;
 		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #5c5c5c;
		padding: 4px;
		text-align: center;
	}
	nav.postNavigation a {
		color: #5c5c5c;
	}
	nav.postNavigation span a {
		color: #5c5c5c;
	}
	span.prevlink {
		padding-right: 10px;
	}
	span.prevlink + span.nextlink:before {
		content: URL(/images/phonegrafer/separater.gif);
	}
	nav.postNavigation span a .jptitle{
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'ＭＳ Pゴシック', 'MS PGothic', sans-serif;
		font-size: 90%;
	}
	nav.postNavigation .jptitle{
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'ＭＳ Pゴシック', 'MS PGothic', sans-serif;
		font-size: 90%;
	}
	
	/**
	 * page navigation
	 */
	nav.navigationList {
		margin: 2em 0 1em 0;
		padding: 4px;
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		font-size: 90%;
		background: #fdfdfd;
		background-color: rgba(253, 253, 253, 0.92);
		border-radius: 5px;
 		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #5c5c5c;
		text-align: center;
	}
	nav.navigationList a {
		color: #5c5c5c;
	}
	nav.navigationList a:visited {
		color: #999999;
	}
	nav.navigationList span.current {
		font-weight: bold;
		color: #000000
	}
	
	
/* ---------------------------------------------------------------------------
 *  footer
 * ---------------------------------------------------------------------------- */
	footer {
		margin: 22px 25px 0px 25px;
		padding: 0 0 100px 0;
	}
	#footerLeft {
		text-align: left;
		margin: 0;
		padding: 0;
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		color: #5c5c5c;
		font-size: 80%;
		line-height: 200%;
		float: left;
		width: 50%;
	}
	#footerLeft a {
		color: #5c5c5c;
	}
	#footerRight {
		text-align: right;
		margin: 0;
		padding: 0;
		float: right;
		width: 50%;
	}
	
	.footerlogo {
	
	}

	.footerfb {
	
	}
	.footerlogo img {
		vertical-align: middle;
		margin: 0;
		padding: 0;
	}
	.footerfb img {
		vertical-align: middle;
		margin: 0;
		padding: 0;
	}



/* ---------------------------------------------------------------------------
 *  iPhone
 * ---------------------------------------------------------------------------- */	
@media only screen and (max-device-width: 480px) and (orientation : portrait), only screen and (max-device-height: 1024px) and (orientation : landscape) {


	#wrapper {
		-webkit-text-size-adjust: none;
		width: 640px; 
		font-size: 21px;
	}
	header {
		width: 601px;
		height: 32px;
		padding: 18px 23px 37px 16px;
		background-size: 100% 87px;
	}
	#fwa {
		width: 640px;
		height: 52px;
	}
	#fwa img {
		width: 44px;
		height: 44px;
	}
	header h1 {
		width: 235px;
		height: 32px;
	}

	h2.top {
		margin: 0px 10px 0 10px;
		padding: 2px 8px 3px 8px;
		font-size: 130%;
		letter-spacing: 0;
	}
	

	/**
	 * top menu 
	 */
	#topmenu ul {
		font-size: 150%;
		margin: 0;
		padding: 6px 16px 6px 16px;
		line-height: 200%;
	}
	#topmenu ul li {
		padding: 0 20px 0 20px;
	}
	.hr img {
		width: 640px;
	}


	#content {
		width: 640px;
		float: none;

	}
	#contentContainer {
		padding: 0 10px 10px 10px;
	}
	#contentAboutContainer {
		padding: 0 10px 10px 10px;
	}
	#contentVideoContainer {
		padding: 0 10px 10px 10px;
	}

	#sidebar {
		width: 640px;
		float: none;
	}
	#sidebarContainer {
		padding: 0px 10px 66px 10px;
	}

	#container {
		background-size: 640px 204px;
	}
	#widePageHead {
		width: 640px;
		height: 204px;
		margin: 0 0 0px 0;
		background-size: 640px 204px;

	}

	#containerAbout {
		background-size: 640px 204px;
	}


	#pagemenu {
		font-size: 115%;
		padding: 2px 16px 5px 16px;
	}
	#pagemenu li {
		list-style-image: none;
		display: inline;
		padding: 0 14px 0 0;
	}
	h2.pagetop {
		margin: 40px 0 80px 6px;
		font-size: 200%;
	}

	/**
	 * support
	 */
	div.wpcf7 table td img {
		width: 120px;
		height: 40px;
		vertical-align: top;
	}
	input {
		font-size: 180%;
	}
	#cf7text, #cf7mail, #cf7name {
		width: 560px;
		font-size: 180%;
	}

	select {
		width: 570px;
		font-size: 180%;
	}
	.wpcf7-submit {
		margin-top: 30px;
		font-size: 180%;
	}
	.required {
		font-size: 100%;
		color: #999999;
	}
	.wpcf7-response-output {
		font-weight: bold;
		color: #ff6600;
		font-size: 100%;
		width: 570px;
	}

	nav.navigationList {
		font-size: 200%;
	}
	nav.topicPath {
		margin: 170px 0 25px 0px;
	}

	div.sidebarMenu {
		margin: 20px 0 3em 30px;
	}

	#contentWide {
		width: 620px;
		margin: 0 10px 50px 10px;
	}


	table.detail tr td {
		padding: 0 55px 40px 0;
		line-height: 200%;
	}

	table.detail tr td.right {
		padding: 0 55px 40px 0;
	}
	table.detail tr td:last-child {
		padding: 0 0px 40px 0;
	}	

	h2.pagetopAbout {
		margin: 40px 0 80px 16px;
		font-size: 200%;
	}
	h2.topictitle {
		line-height: 150%;
	}
	div.wideLeftContainer {
		float: none;
		width: 100%;
	}
	p.wideLeft {
		padding: 0 0em 1em 0;
	}
	div.wideRight {
		width: 100%;
		float: none;
	}
	#pagetopWide {
		margin: 8px 0px 26px 540px;
	}


	/* */
	#footerRight {
		text-align: right;
		margin: 0;
		padding: 0;
		float: right;
		width: 50%;
	}
	#footerRight ul {
		margin: 0;
		font-size: 115%;
		padding: 2px 6px 0 0;
	}
	#footerRight ul li {
		list-style-image: none;
		display: inline;
		margin: 0;
		padding: 0;
	}

	/* */
 	#wrapperTop {
 		width: 100%;
 		position: relative;
	
		margin: 0;
		padding: 0;
		text-align: center;
		background: transparent;
		color: #000000;
		font-size: 12px;
	}
	#contentTop {
 		padding-bottom: 0px;
	}

	#wrapperTop #fwa {
		width: 100%;
		height: 52px;
	}
	#fwa img {
		width: 44px;
		height: 44px;
	}

	#headerTop {
		width: 100%;
		text-align: center;
		height: 100px;
		margin: 0;
		padding: 0;
		background: transparent;
	}

	#headerTop h1 {
		display: block;
		width: 252px;
		height: 32px;
		margin: 0;
		padding: 20px 0 0 20px;
		float: none;
	}

	#topimage {
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0px 0 0 0;
	}

	#screenshot {
		position: relative;
		margin: 0 auto;
		width: 260px;
		height: 465px;
	}

	#mainContent {
		position: relative;
	    bottom: 0;
	    width: 100%;
		margin: 0;
		padding: 20px 0 0 0;
		background: -moz-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50% );
		background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0.3, rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 1)) );
	}
	#message {
		text-align: center;
		margin: 0;
		padding: 0;
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		color: #ffffff;
		font-size: 12px;
		line-height: 200%;
	}

	#logo {
		text-align: center;
		margin: 0;
		padding: 0;
	}

	#message p {
		display: inline-block;
		margin: 0;
		padding: 10px;
		color: #ffffff;
		background: transparent;
    	font-size: 16px;
    	line-height: 150%;
	}
	#topmenu ul {
		font-size: 14px;
		margin: 10px 0 0 0px;
		padding: 0 0 0 0;
		font-family: "proxima-nova", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	}
	#topmenu ul li {
		list-style-image: none;
		display: inline;
		padding: 0 4px 0 4px;
	}


}